今天在写一个网页的时候发现一个问题,个人table的样式很奇怪,也没有设置什么样式,跟其余的页面不同,打开开发者工具一看,发现有这么点样式:html
其中右上角:user agent stylesheet浏览器
一、user agent stylesheet是浏览器默认样式表,在写网页时,没有指定的样式,按浏览器内置的样式表来渲染。像word中也有一些预留样式,能够让咱们的排版更美观整齐。工具
二、不一样浏览器甚至同一浏览器不一样版本的默认样式是不一样的。this
百度了一下,发现好多人都在初始化页面的样式,本身写样式覆盖默认,感受这个办法很差;spa
Google了一下,发现一个好办法:3d
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.code
因此在html顶部加上:htm
<!DOCTYPE html>
刷新发现OK了blog