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中註釋的格式,不帶單行註釋,所有註釋都是/*註釋內容*/