當前位置:成語大全網 - 漢語詞典 - css樣式代碼的基本格式

css樣式代碼的基本格式

CSS是級聯樣式表的簡稱。是向web文檔添加樣式的簡單機制,屬於表示層的布局語言。

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”。