css里面*{}和body{}區別


  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標簽”的字體是紅色。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM