去掉user agent stylesheet 瀏覽器默認樣式 [ 2.0 版本 ]

今天在寫一個網頁的時候發現一個問題,個人table的樣式很奇怪,也沒有設置什麼樣式,跟其餘的頁面不同,打開開發者工具一看,發現有這麼點樣式: TIM截圖20171201115104.png 其中右上角:user agent stylesheethtml

一、user agent stylesheet是瀏覽器默認樣式表,在寫網頁時,沒有指定的樣式,按瀏覽器內置的樣式表來渲染。像word中也有一些預留樣式,能夠讓咱們的排版更美觀整齊。瀏覽器

二、不一樣瀏覽器甚至同一瀏覽器不一樣版本的默認樣式是不一樣的。markdown

百度了一下,發現好多人都在初始化頁面的樣式,本身寫樣式覆蓋默認,感受這個辦法很差;yii

Google了一下,發現一個好辦法:工具

If <!DOCTYPE> is missing in your html you may experience that the browser gives preference to the "user agent stylesheet" over your custom stylesheet. Adding the doctype fixes this. 

因此在html頂部加上:this

<!DOCTYPE html> 

刷新發現OK了spa

相關文章
相關標籤/搜索