3.1 CSS樣式(1)

1.概述

HTML:網頁的內容
CSS:內容的樣式(層疊樣式表
內容和格式相分離,便於修改格式
在這裏插入圖片描述

2.CSS添加方法

2.1 行內

在這裏插入圖片描述

2.2 內嵌樣式

在這裏插入圖片描述
寫在head標籤之內,每個頁面都要重新定義;
適合文件很少,css代碼也不多的情況

2.3 單獨文件

在這裏插入圖片描述
頁面結構HTML代碼與樣式CSS樣式的完全分離,維護方便,可以在一個HTML文檔中引用多個外部樣式表

2.4 優先級

多重樣式可以重疊,覆蓋,按照就近原則:行內>內嵌>鏈接>瀏覽器默認
在這裏插入圖片描述

3. CSS選擇器

3.1 標籤選擇器

在這裏插入圖片描述

3.2 類別選擇器

在這裏插入圖片描述

3.3 ID選擇器

唯一性,只能被引用一次
在這裏插入圖片描述

3.4 嵌套聲明

在這裏插入圖片描述

3.5 集體聲明

多個標籤同時定義
在這裏插入圖片描述

3.6 全局聲明

所有網頁元素使用同一種樣式
在這裏插入圖片描述

3.7 混合

多個class混用,ID選擇器只能用一次
在這裏插入圖片描述

3.8 小結

在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章