user agent stylesheet -- 瀏覽器默認樣式


user agent stylesheet

  從字面意義上很容易理解他表示用戶瀏覽器的樣式表。

  今天在做項目時,無意間發現一個元素我並沒有設置li的text-align:center ; 但其中的img卻神奇的居中了,於是通過審查元素發現了其中的端倪,如下所示:

 

  在右下角處,我們可以看到 -webkit-match-parent li    user agent stylesheet。  

  這就是瀏覽器的默認樣式表,如果我們希望不使用,直接使用同名的屬性覆蓋即可。

 

  那么什么使-webkit-match-parent呢?  w3c是這樣描述的:Typical default display properties (典型的默認顯示屬性),但沒有明確的定義。

​從字面上解釋是:“文本對齊的方式:匹配父類盒子對齊的方式”

 

  可以發現,img上面的a 和 li同樣也是這樣的,繼續網上找的ul的父元素li設置了這個屬性text-align:center;  所以說最后的情況就是下面的子元素都自動匹配了這種方式。


免責聲明!

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



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