當前位置:成語大全網 - 漢語詞典 - css的基本語法結構和規範

css的基本語法結構和規範

壹. CSS簡介

CSS(層疊樣式表)層疊樣式表,是壹種用來美化頁面的語言,是前面提到的W3C規範中的“樣式”。

功能:

1,美化界面。

2.頁面布局。

基本語法:

選擇器{

風格規則

}

樣式規則:

屬性名1:屬性值1;

屬性名2:屬性值2;

屬性名3:屬性值3;

。。。

選擇器:用於選擇標簽,選擇後給標簽添加樣式。

從Hello World開始,

& ltp style = " background-color:# FFF;顏色:# 000;font-size:30px;"& gt妳好世界!& lt/p & gt;

這種寫法可以實現白底黑字Hello World的原創!將樣式更改為黑色背景上的白色字符的效果。但是這種寫法有壹些缺點:

缺點1:內容、風格、行為沒有分離,代碼混雜,不符合W3C規範,維護困難。

缺點2:代碼冗余,無法重用。

二、如何引入CSS?

1)內嵌樣式

也就是上面的壹般形式,因為它的缺點,接下來介紹下風格。

2)嵌入樣式,給P標簽添加樣式,給head標簽添加樣式。

& ltstyle type="text/css " >

p{

背景色:# FFF;

顏色:# 000;

字體大小:30px

}

& lt/style & gt;

當這個頁面上所有的P標簽都需要相同的樣式時,這種寫法大大減少了代碼量,讓其他程序員壹眼就能分辨出CSS的樣式。

3)鏈接樣式(鏈入)

添加到頭標簽。

& lt鏈接href= "../CSS/my . CSS " type = " text/CSS " rel = " style sheet "/& gt;

把css文件和html文件分開放,增加了代碼的復用性,但是每個瀏覽器都要單獨讀取CSS文件中的樣式,速度很慢。如果妳追求速度,嵌入式風格會更好。

4)導入樣式

& ltstyle type="text/css " >

@導入url(“路徑名”);

& lt/style & gt;

四種風格的優先級:

如果壹個頁面中同時存在四種樣式,那麽這四種樣式都會對標簽起作用,但是重復樣式的屬性值只對最後壹種有效。如果將內聯樣式和導入的樣式放在壹起,內聯樣式可以工作。

如果嵌入樣式和導入樣式分為兩個樣式定義,則CSS樣式中的最後壹個樣式有效。

附:css中註釋的格式,不帶單行註釋,所有註釋都是/*註釋內容*/