1.1 CSS概念

CSS :層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
多個樣式可以層層覆蓋疊加，如果不同的css樣式對同一html標籤進行修飾，樣式有衝突的,應用優先順序高的，不衝突的樣式規則共同作用。
1
2
CSS作用：

1. 修飾美化html網頁。
2. 外部樣式表可以提高程式碼複用性從而提高工作效率。
3. html內容與樣式表現分離，便於後期維護。
1
2
3
1.2 CSS特點

1 豐富的樣式定義
CSS提供了豐富的文件樣式外觀，以及設定文字和背景屬性的能力；允許為任何元素建立邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。

2 易於使用和修改
CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文件的header部分，也可以將樣式宣告在一個專門的CSS檔案中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式宣告統一存放，進行統一管理。
另外，可以將相同樣式的元素進行歸類，使用同一個樣式進行定義，也可以將某個樣式應用到所有同名的HTML標籤中，也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應的樣式宣告進行修改。

3 多頁面應用
CSS樣式表可以單獨存放在一個CSS檔案中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面檔案，在任何頁面檔案中都可以將其引用。這樣就可以實現多個頁面風格的統一。

4 層疊
簡單的說，層疊就是對一個元素多次設定同一個樣式，這將使用最後一次設定的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫，在瀏覽器中看到的將是最後面設定的樣式效果。

5 頁面壓縮
在使用HTML定義頁面效果的網站中，往往需要大量或重複的表格和font元素形成各種規格的文字樣式，這樣做的後果就是會產生大量的HTML標籤，從而使頁面檔案的大小增加。而將樣式的宣告單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在載入頁面時使用的時間也會大大的減少。另外，CSS樣式表的複用更大程式的縮減了頁面的體積，減少下載的時間
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
1.3 CSS語法規則

CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條宣告.

1. 選擇器通常是您需要改變樣式的 HTML 元素。

2. 每條宣告由一個屬性和一個值組成。
1
2
3
4
5
基礎語法：選擇器｛屬性：值;屬性:值….. ｝

提示：請使用花括號來包圍宣告

2.注意事項：

a.如果值為若干單詞，則要給值加引號；font-family: "黑體","華文彩雲","微軟雅黑","arial";
b.多個宣告之間使用分號;分開；
c.css對大小不敏感，如果涉及到與html文件一起使用時，class與id名稱對大小寫敏感
————————————————
版權宣告：本文為CSDN博主「冷漠的小猿」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處連結及本宣告。
原文連結：https://blog.csdn.net/lyf1997115/article/details/82317576