A-A+

什么是样式初始化(CSS Reset)?为什么要进行样式初始化?

2018年09月23日 css, 前端基础 评论 1 条

一个CSS Reset是一种短的,往往被压缩(精缩)的CSS规则集,以用来重置所有的HTML元素,使其以一致的基准来呈现,简单说就是,预先设定html元素的基准样式,比如,h1是多少字号,h2是多少字号。
每个浏览器都有自己的默认“用户代理”样式表,它用于使没设置样式的网站看起来更清晰。例如,大多数浏览器默认情况下将链接设置为蓝色,访问后链接为紫色,为表格提供一定量的边框和填充,将可变字体大小应用于H1,H2,H3等,并对几乎所有内容应用一定量的填充。比如,有没有发现button按钮在每个浏览器中的表现都不一样?
显然,这给CSS开发者带来了一定的麻烦,他们无法弄清楚如何让他们的网站在每个浏览器中看起来都一样。使用CSS重置,CSS作者可以强制每个浏览器将其所有样式重置,从而尽可能避免跨浏览器的差异。
 

为什么要使用CSS重置?

您可能想知道这一切是为什么 - 嗯,很简单。从您通过css reset设置的一致,您可以继续重新设置文档样式,安全地知道浏览器的HTML默认呈现方式!

CSS重置问题

有些人声称这是不必要的 - 没有意义重置元素的样式,只是后来取消重置它。如果您关闭了一个元素,使用CSS重置然后进一步设置样式,问题就会变得清晰:
/ * CSS重置* /
#element {margin:0; 填充:0; 字体大小:100%; 行高:1; }


...

/ * #element规则:* /
#element {margin:5px 0 10px; 字体大小:13像素; 行高:1.5; }

 
 
 

标签:

1 条留言  访客:0 条  博主:0 条   引用: 1 条

来自外部的引用: 1 条

  • 温故知新:CSS选择符有哪些?它们是如何使用和生效的? – 前端面试题 | 前端面试题

给我留言

Copyright © 前端面试题 保留所有权利.   Theme  Ality 桂ICP备17012235号-1

用户登录