1.基本語法規範
分析壹個典型的CSS語句:
p { COLOR:# ff 0000;背景:#FFFFFF}
其中“p”被稱為“選擇器”,表示我們要為“p”定義樣式;
樣式聲明寫在壹對大括號“{}”中;
顏色和背景稱為“屬性”,不同屬性之間用分號;“分開;
“#FF0000”和“#FFFFFF”是屬性值。
2.顏色值
顏色值可以寫成RGB值,比如:color: rgb(255,0,0),也可以寫成十六進制,就像上面的例子color:#FF0000。如果十六進制值成對重復,可以縮寫,效果是壹樣的。比如#FF0000可以寫成#F00。但是,如果不重復,就不能縮寫。例如,#FC1A1B必須用六位數字填充。
定義字體
Web標準推薦以下字體定義方法:
body { font-family:“Lucida Grande”,verdana,Lucida,Arial,Helvetica,Song Ti,sans-serif;}
字體按列出的順序選擇。如果用戶的計算機包含Lucida Grande字體,文檔將被指定為Lucida Grande。如果沒有Verdana字體,則指定為Lucida字體,以此類推。
Lucida Grande字體適合Mac OS X;;
Verdana字體適用於所有Windows系統;
Lucida適合UNIX用戶
“宋體”適合簡體中文用戶;
如果列出的字體都不能用,默認的sans-serif字體可以保證調用;
4.組選擇器
當幾個元素的樣式屬性相同時,可以用* * * *調用壹個聲明,元素之間用逗號分隔,:p,td,Li { font-size:12px;}
5.派生選擇器
您可以使用派生選擇器來定義元素中子元素的樣式,例如:
Li strong { font-style:italic;字體粗細:正常;}
就是為李下的子元素strong定義壹個斜體不加粗的樣式。
6.id選擇器
用CSS布局主要通過圖層“div”實現,div的樣式由“id選擇器”定義。例如,我們首先定義壹個層。
& ltdiv id="menubar " >& lt/div & gt;
然後像這樣在樣式表中定義它:
# menubar { MARGIN:0px;背景:# FEFEFE顏色:# 666;}
其中“menubar”是您自己定義的id名稱。註意前面加“#”。
Id選擇器也支持派生,例如:
# menubar p { text-align:right;保證金-頂:10px;}
這種方法主要用於定義層和那些具有多個導數的復雜元素。
6.類別選擇器
在CSS中,類別選擇器定義由壹個點表示,例如:
. 14px { color:# f60;font-size:14px;}
在頁面中,使用class= "category name "的方法調用:
& ltspan class="14px " >14px的字體大小。
這種方法簡單靈活,可以根據頁面的需要隨時創建和刪除。
7.定義鏈接的樣式
CSS中有四個偽類來定義鏈接的樣式,分別是:a:link、a:visited、a:hover和a: active,例如:
a:link { font-weight:bold;文字裝飾:無;顏色:# c00}
答:參觀過{ font-weight:bold;文字裝飾:無;顏色:# c30}
a:hover { font-weight:bold;文本裝飾:下劃線;顏色:# f60}
a:主動{ font-weight:bold;文字裝飾:無;顏色:# F90}
上面的語句分別定義了“鏈接、訪問過的鏈接、鼠標經過時、鼠標按下時”的樣式。請註意,您必須按照上述順序書寫,否則顯示的內容可能與您預期的不同。記住他們的順序是“LVHA”。