Css+div 的樣式

2013-04-17 12:55 作者：周艷紅 瀏覽量：

Css+div 的樣式

在嵌入式樣式表中我們可以使用@import導(dǎo)入一個(gè)外部樣式表，例： 
　　<style type=”text/css”> 
　　@import url(外部樣式表位置)； 
　　…其它嵌入式的樣式定義… 
　　</style> 
　　4,內(nèi)聯(lián)樣式表： 
　　寫在開始標(biāo)記里面，比如你要H1變紅色， 
　　<h1 style=”color:red;”>變?yōu)榧t色</h1> 
　　總結(jié)： 三種樣式表優(yōu)先使用外部樣式表、嵌入式樣式表用來(lái)調(diào)試用的、一般不使用內(nèi)聯(lián)樣式表。 
　　5,樣式規(guī)則。 
　　一個(gè)樣式規(guī)則由一個(gè)選擇器后跟一個(gè)聲明塊組成，聲明塊是一個(gè)大容器,由大括號(hào)中間的部分組成,聲明塊中間的空間會(huì)被忽略,,聲明塊由一個(gè)一個(gè)的聲明組成,聲明由屬性和值組成,,屬性和值用冒號(hào)隔開,分號(hào)結(jié)束，每個(gè)聲明內(nèi)只能有一個(gè)屬性，如果屬性值中含有空格用雙引號(hào)括起來(lái)例，在一個(gè)聲明塊內(nèi)可以有多個(gè)聲明，每個(gè)聲明用分號(hào)隔開。 
　　 
選擇器 聲明塊
選擇一個(gè)元素 聲明{ }
屬性 : 值;
冒號(hào)開始分號(hào)結(jié)束
6,注釋：有關(guān)的詳細(xì)內(nèi)容在中有詳細(xì)的解釋。 
　　7,選擇器分組 
　　當(dāng)遇到幾個(gè)選擇器共享一個(gè)聲明的時(shí)候，可以分組放在一起，每個(gè)選擇器必須以逗號(hào)隔開。例：h1,h2,h3,h4 { color red;} 選擇器分組時(shí)要將每個(gè)選擇器路徑寫全，分組結(jié)尾不能有逗號(hào)。 
　　例：路徑不全： #maincontent p, ul{ border-top:1pxsolid #ddd;} 
　　正確寫法：#maincontent p, #maincontent ul{ border-top:1pxsolid #ddd;} 
　　例：結(jié)尾多了一個(gè)逗號(hào)： .a1 p, .a1 ul,{color:red;} 
　　8,選擇器 
　　元素選擇器：語(yǔ)法格式： 元素{color: blue;} 
　　類選擇器： 語(yǔ)法格式： .類名{屬性: 值;} 
　　ID選擇器：#id名 {屬性 : 值；} ID名不能重復(fù) 
　　通配符選擇器：語(yǔ)法格式：*{屬性:值;} 
　　偽類選擇器： 
　　偽類選擇器可以以不同方式格式化超級(jí)鏈接<a>元素的四種不同狀態(tài)：以下順序依次寫；（記憶方法：a Love or Hate） 
　　a:link 是用在未訪問(wèn)的鏈接的選擇器 
　　是用在已訪問(wèn)過(guò)的鏈接的選擇器 
　　a:hover 是用在鼠標(biāo)光標(biāo)放在其上的鏈接的選擇器 
　　a:active 是用在獲得焦點(diǎn)（比如，被點(diǎn)擊）的鏈接的選擇器 
　　如果需要，我們可以組合這幾個(gè)狀態(tài)，按順序?qū)懀?nbsp;
　　a:link，a:visited { color :blue;} 
　　a:hover ，a:active { color :blue;} 
　　9,偽元素選擇器 
　　標(biāo)準(zhǔn)的選擇器不能格式化一個(gè)元素內(nèi)容的第一個(gè)字母或者第一行，而偽元素選擇器能實(shí)現(xiàn)： 
　　所有瀏覽器支持的有兩種： ：first-line和 ：first-letter 
　　例：段落的第一行：p：first-line {屬性：值；} 
　　例：段落的第一個(gè)字母：p：first-letter {屬性：值；} 
　　10,選擇器的優(yōu)先級(jí) 
　　1， ID選擇器；2，類選擇器； 
　　3，元素選擇器；4，通配符選擇器。

   --- 版權(quán)最終歸艾銻無(wú)限所有http://www.wgjkw.cn/ 如需轉(zhuǎn)載，請(qǐng)標(biāo)明出處。