user agent stylesheet 浏览器默认样式
2017-12-01 11:58
831 查看
今天在写一个网页的时候发现一个问题，我的table的样式很奇怪，也没有设置什么样式，跟其他的页面不一样，打开开发者工具一看，发现有这么点样式：
其中右上角：user agent stylesheet
1、user agent stylesheet是浏览器默认样式表，在写网页时，没有指定的样式，按浏览器内置的样式表来渲染。像word中也有一些预留样式，可以让我们的排版更美观整齐。
2、不同浏览器甚至同一浏览器不同版本的默认样式是不同的。
百度了一下，发现好多人都在初始化页面的样式，自己写样式覆盖默认，感觉这个办法不好；
Google了一下，发现一个好办法：
If
所以在html顶部加上：
刷新发现OK了
其中右上角：user agent stylesheet
1、user agent stylesheet是浏览器默认样式表，在写网页时，没有指定的样式，按浏览器内置的样式表来渲染。像word中也有一些预留样式，可以让我们的排版更美观整齐。
2、不同浏览器甚至同一浏览器不同版本的默认样式是不同的。
百度了一下，发现好多人都在初始化页面的样式，自己写样式覆盖默认，感觉这个办法不好；
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顶部加上：
<!DOCTYPE html>
刷新发现OK了
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 跨浏览器设置-你必须了解的浏览器默认样式(User Agent StyleSheet)
- 浏览器默认样式的一些看法（User Agent Stylesheet）
- 浏览器默认样式(user agent stylesheet)+cssreset
- js在设置角标的时候因为浏览器默认样式（User Agent Stylesheet）不起作用
- 跨浏览器设计–你必须得了解的浏览器默认样式（User Agent Stylesheet）
- 跨浏览器设计–你必须得了解的浏览器默认样式（User Agent Stylesheet）
- 跨浏览器设计–你必须得了解的浏览器默认样式（User Agent Stylesheet）
- user agent stylesheet -- 浏览器默认样式
- user agent stylesheet浏览器默认样式及样式重置
- 浏览器默认样式（User Agent Stylesheet）
- 浏览器中的User Agent Stylesheet以及W3C默认的样式列表
- 去掉user agent stylesheet 浏览器默认样式 [ 2.0 版本 ]
- Chrome 默认样式 (user agent stylesheetbody) 优先级变高的问题
- 浏览器的User Agent Stylesheet
- 浏览器的user agent stylesheet
- 浏览器的User Agent Stylesheet
- 浏览器的User Agent Stylesheet
- user agent stylesheet对格式的影响以及解决方法
- user agent stylesheet 处理
- user agent stylesheet 怎么去掉