回覆列表
-
1 # 科技行者
-
2 # WEB開發李家靖
CSS樣式的型別,可分為3種類型:外部樣式表,內部(內嵌)樣式表,內聯樣式表
將html頁面本身和CSS樣式分離為兩個或多個檔案,實現了頁面框架html程式碼和CSS程式碼的完全分離,使前期製作和後臺維護都非常方便。
內部(內嵌)樣式表在網頁文件的頭部(<head></head>標籤對之間),定義一個<style></style>標籤對。
所有的CSS程式碼集中放到了同一區域,方便了後期的維護,頁面本身也大大的“瘦身”
內聯樣式表直接設定HTML正式標籤的style屬性的方法稱為內聯樣式表。
<meta http-equiv=“Content-Style-Type” content=“text/css”><font style=‘FONT-SIZE:20PT; COLOR:BLUE; FONT-FAMILY:宋體; LIST-STYLE-TYPE:circle; TEXT-DECORATION:underline’>你好</font>
CSS樣式分為:內聯式css樣式、嵌入式css樣式、外部式css樣式;不包括類樣式表
對CSS三種樣式定義及其例項:
內聯式css樣式。
內聯式css樣式表就是把css程式碼直接寫在現有的HTML標籤中,如下面程式碼:
css樣式程式碼要寫在style=""雙引號中,如果有多條css樣式程式碼設定可以寫在一起,中間用分號隔開(英文狀態下;)。
嵌入式css樣式。
嵌入式css樣式,就是可以把css樣式程式碼寫在標籤之間。如下面程式碼實現把三個標籤中的文字設定為紅色:
嵌入式css樣式必須寫在之間,並且一般情況下嵌入式css樣式寫在之間。
外部式css樣式。
外部式css樣式(也可稱為外聯式)就是把css程式碼寫一個單獨的外部檔案中,這個css樣式檔案以“.css”為副檔名(也可以為呼叫其他網站CSS)。
注意事項:
1、css樣式檔名稱以有意義的英文字母命名,如
main.css
。2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。
3、標籤位置一般寫在標籤之內