CSS(層疊樣式表)
網頁實際上是一個多層的結構，通過CSS可以分別為網頁的每一個層設置樣式。最終看到的是最上面的一層，總之，CSS是用來設置網頁中元素的樣式。
編寫位置
-
第一種方式(內聯樣式，行內樣式)：
- 在標簽內部通過style屬性來設置元素的樣式(樣式名:樣式值;)
<p style="color:red; font-size:20px;">sundayday</p>實際開發中不推薦！！！因為使用內聯樣式只能對單個標簽生效，如果對多個標簽生效需要一個個修改，開發時絕對不要使用內聯樣式！！！
-
第二種方式(內部樣式表)
- 將樣式編寫到<head>中的style標簽中
<head> <style> p{ color:red; font-size:20px; } </style> </head>通過CSS的選擇器來選中元素并為其設置各種樣式，可以同時為多個標簽設置樣式，并且修改時只需要修改一處就可以全部應用，方便對樣式進行復用！！！但是只能對一個網頁起作用
-
第三種方式(外部樣式表) 最佳實踐！！！
- 將樣式編寫到一個外部CSS文件中，然后通過link標簽引入外部的CSS文件
<link rel="stylesheet" href="./style.css">樣式可以在不同網頁中進行引用，同時還可以使用到瀏覽器的緩存機制，從而加快網頁的加載速度，提高用戶的體驗
CSS基本語法
選擇器 聲明塊
- 選擇器:通過選擇器可以選中頁面中的指定元素，比如p的作用就是選中頁面中的所有p元素
- 聲明塊:通過聲明塊來制定要為元素設置的樣式，聲明是一個名值對結構，一個樣式名對應一個樣式值，名和值之間以:連接，以;結尾
常用選擇器
-
元素選擇器
- 作用：根據標簽名來選中指定的元素
- 語法：標簽名{}
- 例子：p{}, h1{}, div{}
-
id選擇器
- 作用：根據元素的id屬性值選中一個元素
- 語法：#id屬性值{}
- 例子：#box{} , #red{}
-
類選擇器
- 作用：根據元素的class屬性值選中一組元素
- 語法：.class屬性值{}
- 例子：.box{}
- 注意：可以同時為一個元素指定多個class屬性
<head> <style> .blue{ color:blue; } .font{ font-size:20px; } </style> </head> <body> <h1 class="blue font">sundayday</h1> </body>多個class之間用空格隔開！！！
-
通配選擇器
- 作用：選中頁面中的所有元素
- 語法：*{}
-
交集選擇器
- 作用：選中符合多個條件的元素
- 語法：選擇器1選擇器2選擇器3...選擇器n{}
- 注意：交集中如果有元素選擇器，必須使用元素選擇器開頭
- 例子：div.red{}, .a.b.c{}
-
并集選擇器(選擇器分組)
- 作用：同時選中多個選擇器對應的元素
- 語法：選擇器1，選擇器2，選擇器3，... ，選擇器n{}
- 例子： #a，.b，c{}
-
關系選擇器
- 。。。
