* {
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 標簽的紅色