Css+div 的樣式

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

Css+div 的樣式

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

   --- 版權最終歸艾銻無限所有http://www.whgoodly.com/ 如需轉載，請標明出處。