CSS樣式分類

2021-10-01 03:57:47 字數 1273 閱讀 3110

1,內部樣式表

內嵌式是將css**集中寫在html文件的head頭部標籤中,並且用style標籤定義,其基本語法格式如下:

語法中,style標籤一般位於head標籤中title標籤之後,也可以把他放在html文件的任何地方。

type="text/css"  在html5中可以省略, 寫上也比較符合規範, 所以這個地方可以寫也可以省略。

2,行內式(內聯樣式)

內聯樣式,又有人稱行內樣式、行間樣式、內嵌樣式。是通過標籤的style屬性來設定元素的樣式,其基本語法格式如下

《標籤名 style="屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;"> 內容 語法中style是標籤的屬性,實際上任何html標籤都擁有style屬性,用來設定行內式。其中屬性和值的書寫規範與css樣式規則相同,行內式只對其所在的標籤及巢狀在其中的子標籤起作用。

3,外部樣式表(外鏈式)

鏈入式是將所有的樣式放在乙個或多個以.css為副檔名的外部樣式表檔案中,通過link標籤將外部樣式表檔案鏈結到html文件中,其基本語法格式如下:

注意:  link 是個單標籤哦!!!

該語法中,link標籤需要放在head頭部標籤中,並且必須指定link標籤的三個屬性,具體如下:

4,三種樣式表總結(位置)

5,css樣式規則

使用html時,需要遵從一定的規範。css亦如此,要想熟練地使用css對網頁進行修飾,首先需要了解css樣式規則,具體格式如下:   

在上面的樣式規則中:

1.選擇器用於指定css樣式作用的html物件,花括號內是對該物件設定的具體樣式。

2.屬性和屬性值以「鍵值對」的形式出現。

3.屬性是對指定的物件設定的樣式屬性,例如字型大小、文字顏色等。

4.屬性和屬性值之間用英文「:」連線。

5.多個「鍵值對」之間用英文「;」進行區分。

可以用段落 和 **的對齊的演示。

css樣式分類

就是把css 直接寫在現有的html標籤中,如下面 style color red 這裡文字是紅色。p css樣式 要寫在style 雙引號中,如果有多條css樣式 設定可以寫在一起,中間用分號隔開。如下 style color red font size 12px 這裡文字是紅色。p 就是可以把c...

css樣式分類

1.內聯式 直接在標籤裡寫屬性,屬性名為style 2.內嵌式 直接嵌入到head標籤裡面,以標籤形式出現,標籤名為style 選擇器 用來選擇標籤 1 用標籤選擇 2 用id選擇 關鍵符號 id時唯一的 3 類選擇器 關鍵符號 class分類 查詢 4 復合選擇器 1 後代選擇器 關鍵符號 空格 ...

css 樣式表分類總結

1,外部樣式表 當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。標籤在 文件的 頭部 1 2 3 head linkrel stylesheet type text css href myst...