去掉user agent stylesheet 浏览器默认样式 [ 2.0 版本 ]

时间 2019-12-02

标签去掉 user agent stylesheet 浏览器默认样式 2.0 版本栏目浏览器繁體版

原文原文链接

今天在写一个网页的时候发现一个问题，个人table的样式很奇怪，也没有设置什么样式，跟其余的页面不同，打开开发者工具一看，发现有这么点样式：其中右上角：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