CSS 簡介
什麼是CSS
? ? ? ?CSS(Cascading Stylesheets,層疊式表)是製作網(wǎng)頁的新技術(shù),現(xiàn)在已經(jīng)為大多數(shù)的瀏覽器所支持,成為網(wǎng)頁設(shè)計(jì)不可或缺的工具之一。使用CSS能夠簡化網(wǎng)頁的格式程式碼,加快下載顯示的速度,也減少了需要上傳的程式碼數(shù)量,大大減少了重複勞動(dòng)的工作量。尤其是當(dāng)你面對(duì)的是有數(shù)百個(gè)網(wǎng)頁的網(wǎng)站時(shí),CSS簡直像是神對(duì)我們的恩賜!
?W3C(The World Wide Web Consortium)把動(dòng)態(tài)HTML(Dynamic HTML)分成三個(gè)部分來實(shí)現(xiàn):腳本語言(包括javascript、Vbscript等)、支援動(dòng)態(tài)效??果的瀏覽器(包括Internet Explorer、 Netscape Navigator等)和CSS樣式表。
層疊序
當(dāng)同一個(gè)?HTML?元素被不只一個(gè)樣式定義時(shí),會(huì)使用哪個(gè)樣式呢?
一般而言,所有的樣式會(huì)依照下方的規(guī)則層疊於一個(gè)新的虛擬樣式表中,其中數(shù)位?4?擁有最高的優(yōu)先權(quán)。
1.???瀏覽器預(yù)設(shè)設(shè)定
2.???外部樣式表
3.???內(nèi)部樣式表(位於?<head>?標(biāo)籤內(nèi)部)
## 4.???內(nèi)嵌樣式(在?HTML?元素內(nèi)部)
CSS?語法
CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成:選擇器,以及一條或多條宣告:
#選擇器通常是您需要改變樣式的HTML 元素。
每個(gè)聲明由一個(gè)屬性和一個(gè)值組成。
屬性(property)是您希望設(shè)定的樣式屬性(style attribute)。每個(gè)屬性有一個(gè)值。屬性和值被冒號(hào)分開。
CSS 註解
註解是用來解釋你的程式碼,可以隨意編輯它,瀏覽器會(huì)忽略它。
CSS註解以"/*" 開始, 以"*/" 結(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測試實(shí)例</p> </body> </html>