css里面定義*{padding:0px;margin: 0px;}
* 相當於選擇器,代表html所有的元素,包括html標簽、body標簽等; {}大括號里面寫入需要給定的屬性和屬性值即可。
在css中一開始寫入*{padding:0px;margin: 0px;},表示初始化所有的標簽元素(具有盒子模型)的內外邊距均為0px.
在css里面定義body{padding:0px;margin: 0px;},body只是一個標簽,如果它的子標簽和該屬性均具有繼承性,才會繼承這里所設置的屬性;(比如:border、padding、margin屬性不具有繼承性;而color屬性具有繼承性等)
關於css中哪些樣式具有繼承性,哪些不具有繼承性,下面這位前輩已經給出了詳細的說明:
http://www.cnblogs.com/stephenykk/archive/2013/05/30/3109274.html
<style type=""text/css">
*{ color:red;}
body{ color:blue;}
</style>
<body>
我是body~
<p>我屬於p標簽</p>
</body>
上面這段代碼,在css中同時設置了*{}和body{}
只設置 *{ color:red;} 初始化所有標簽元素的字體顏色(包括body標簽下的字體)為紅色; 則“ 我是body~”,“我屬於p標簽”的字體均是紅色;
只設置body{ color:blue;},p標簽作為body標簽的子標簽,具有繼承性,p標簽會繼承離他最近的父標簽的屬性,則“ 我是body~”,“我屬於p標簽”的字體均是藍色;
同時設置*{ color:red;} ;body{ color:blue;},根據css中的就近原則,“ 我是body~”會繼承離它最近的屬性值,因此,是藍色;
P 標簽如果沒有顏色設置就會繼承body的藍色,但是開始的時候 *已經給P標簽設置了紅色,因此“我屬於p標簽”的字體是紅色。
