今天在寫一個網頁的時候發現一個問題,個人table的樣式很奇怪,也沒有設置什麼樣式,跟其餘的頁面不同,打開開發者工具一看,發現有這麼點樣式: 其中右上角:user agent stylesheet
html
一、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