CSS 簡(jiǎn)介
什么是CSS
CSS(Cascading Stylesheets,層疊樣式表)是一種制作網(wǎng)頁(yè)的新技術(shù),現(xiàn)在已經(jīng)為大多數(shù)的瀏覽器所支持,成為網(wǎng)頁(yè)設(shè)計(jì)必不可少的工具之一。使用CSS能夠簡(jiǎn)化網(wǎng)頁(yè)的格式代碼,加快下載顯示的速度,也減少了需要上傳的代碼數(shù)量,大大減少了重復(fù)勞動(dòng)的工作量。尤其是當(dāng)你面對(duì)的是有數(shù)百個(gè)網(wǎng)頁(yè)的站點(diǎn)時(shí),CSS簡(jiǎn)直象是神對(duì)我們的恩賜!
W3C(The World Wide Web Consortium)把動(dòng)態(tài)HTML(Dynamic HTML)分為三個(gè)部分來(lái)實(shí)現(xiàn):腳本語(yǔ)言(包括javascript、Vbscript等)、支持動(dòng)態(tài)效果的瀏覽器(包括Internet Explorer、Netscape Navigator等)和CSS樣式表。
層疊次序
當(dāng)同一個(gè) HTML 元素被不止一個(gè)樣式定義時(shí),會(huì)使用哪個(gè)樣式呢?
一般而言,所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
1. 瀏覽器缺省設(shè)置
2. 外部樣式表
3. 內(nèi)部樣式表(位于 <head> 標(biāo)簽內(nèi)部)
4. 內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
CSS 語(yǔ)法
CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成:選擇器,以及一條或多條聲明:
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個(gè)屬性和一個(gè)值組成。
屬性(property)是您希望設(shè)置的樣式屬性(style attribute)。每個(gè)屬性有一個(gè)值。屬性和值被冒號(hào)分開(kāi)。
CSS 注釋
注釋是用來(lái)解釋你的代碼,并且可以隨意編輯它,瀏覽器會(huì)忽略它。
CSS注釋以 "/*" 開(kāi)始, 以 "*/" 結(jié)束, 實(shí)例如下:
/*這是個(gè)注釋*/
p
{
text-align:center;
/*這是另一個(gè)注釋*/
color:black;
font-family:arial;
}
實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <style> body {background-color:yellow;} p{color:red;text-align:center;} </style> </head> <body> <p>Hello World!</p> <p>這是一個(gè)CSS測(cè)試實(shí)例</p> </body> </html>