你對CSS的基本語法是否熟悉，這里和大家分享一下，CSS基本語法很簡單主要由三個要素組成,分別是選擇符、屬性和值。CSS中選擇符就是賦予內部或者外部樣式表的名字，選擇符可以是一個HTML標簽，或者一個HTML中定義的元素ID。

CSS基本語法-選擇符、屬性和值

CSS基本語法很簡單主要由三個要素組成,分別是選擇符、屬性和值。

選擇符

選擇符就是賦予內部或者外部樣式表的名字,選擇符可以是一個HTML標簽,或者一個HTML中定義的元素ID,也可以是HTML定義的個CLASS名,選擇符是一個CSS的基本單位。

屬性

每個選擇符都有屬性(properties)在大括號{}中，里面包括諸如color、font-weighth或者background-color形式的字樣。

值(value)

CSS中值在半角英文引號:后面，用半角英文分號;隔離。

示例代碼

body{font-size:0.8em;color:navy;}  
 
 

如上，這給body選擇符里的font-size和color屬性賦值。

基本上，這應用在HTML文檔的話，在body標簽之間(整個窗口的內容)文本將會有0.8em大小，顯示為深藍色。

長度和百分比

CSS中有很多專有的屬性單位，也有很多能夠用在大量屬性的常規單位，在你繼續學習之前，它們值得你熟悉一下。

em(比如font-size:2em)是一個大致與一個字符高度相同的單位。

px(font-size:12px)是一個像素的單位。

pt(font-size:12pt)是一個磅的單位。

%(font-size:80%)是一個……單位，等等，哦，是百分比。

其他單位還包括pc(活字)，cm(厘米)，mm(毫米)和in(英寸)。

一個值是0的時候你不必為它聲明一個單位。比如，你不想要邊界，可以這樣設置：border:0。

注意

網頁不是靜態、絕對的媒體。這意味著，網頁具有靈活性，用戶被允許按他們的喜好方式瀏覽網頁，包括字體尺寸和屏幕的大小等等。

因此，為font-size屬性賦值的單位中，***的是em或者%，而px在多數瀏覽器中會導致文本具有不可縮放性，也會導致貧乏、乏味的文本。

本文來自CSS在線：http://www.csscss.org/cssarticle/200951785.shtml

【編輯推薦】

1. HTML中應用CSS的三種方法
2. CSS樣式實現快速定位bug的六大技巧
3. 深入學習CSS濾鏡概念和語法
4. CSS2.0中page-break-after屬性用法
5. 技術分享 使用不同CSS樣式兼容多種瀏覽器