html5重置css提示-带或不带通用选择器
任何人都可能正在使用一些html(5)html5重置css提示-带或不带通用选择器,css,html,Css,Html,任何人都可能正在使用一些html(5)reset.css,例如: 但我却做到了: * { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } 优点: 看起来更简单 轻量化 有人能告诉我我的解决方案是否有任何问题(任何我不知道的浏览器问题) 或者,在本例中列出几乎所有的标记
reset.css
,例如:
但我却做到了:
* {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
优点:
- 看起来更简单
- 轻量化
或者,在本例中列出几乎所有的标记名有什么好处?我有同样的问题,所以我搜索了一下,找到了这篇文章: 哪个州“如果您的CSS重置没有仔细编写,您可能会发现您的CSS规则本身正在被作为基线的代码覆盖!在使用通用选择器重置时,这通常是一个问题,但如果使用编写良好的代码(如HTML5 Doctor CSS重置),通常不会成为问题。”
希望这能有所帮助!
*
是一个非常昂贵的选择器。仅供参考:显式列出要重置的元素的优点之一是可以使用表单控件的默认外观。当“input”等元素的默认“border”和有时的“padding”发生更改时,它们可能会意外地、不可逆转地更改其外观唱一些浏览器主题的默认眼线。我发现:CSS选择器速度不是一个问题。考虑:
* {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}