DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS裡定義body{ }和定義*{ }的區別
CSS裡定義body{ }和定義*{ }的區別
編輯:CSS詳解     

* { 
margin: 0; 
padding: 0; 
border: 0; 

body { 
background: #CCC; 
padding-top: 20px; 
text-align: center; 
}


* 代表所有元素 
所以對*設置了屬性 也就是對xHtml標簽的所有元素設定了屬性 
而body只是一個標簽 
但是他是結構標簽的開始 
所以給他設置的屬性 如果之後的標簽 有繼承屬性 那麼他就會或者body標簽允許繼承的屬性,比如背景顏色 字體大小 字體顏色等。

至於聽誰的    JAVA中文網(www.Javaweb.cc)
按照規則 聽父元素的。 
比如結構如下: 
*{ color:#FF0000;(紅色)} 
body{ color:#000066;(藍色)}

<body> 
321 
<p>123</p> 
</body> 
這裡的 321 是什麼顏色呢? 
這裡的 123 會是什麼顏色呢?

分析一下 
第一句*{color:#FF0000;}告訴我們 所有標簽下面的字體顏色都是紅色的。 
那麼body 就有color:#FF0000;的屬性了 而P 也一樣有。 
這個時候我們設置body{ color:#000066;},那麼根據規則 如果屬性重復,那麼就取最近設置的。那麼body的顏色就會是藍色的。而P 標簽如果沒有顏色設置就會繼承body的藍色 但是開始的時候 *已經給P標簽設置了紅色。那麼 
這裡 的 321 會使用body的藍色 
而123會使用P 標簽的紅色

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved