现代CSS重置方案有哪些创新点?

2026-05-19 21:540阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计2096个文字,预计阅读时间需要9分钟。

现代CSS重置方案有哪些创新点?

在早年(其实也不算很早),写过几篇关于CSS Reset的文章——reset.css,知之多少。详细描述了当时业界比较常用的两个CSS Reset方案:reset.css与Normalize.css。更为推荐的是Normalize.css。

在早年间(其实也不是很早),写过几篇关于 CSS Reset 的文章 - reset.css 知多少。

详细描述了当时业界比较常用的,两个 CSS reset 方案:reset.css 与 Normalize.css。

以更为推荐的 Normalize.css 为例,它的核心思想是:

  1. 统一了一些元素在所有浏览器下的表现,保护有用的浏览器默认样式而不是完全清零它们,让它们在各个浏览器下表现一致;
  2. 为大部分元素提供一般化的表现;
  3. 修复了一些浏览器的 Bug ,并且让它们在所有浏览器下保持一致性;
  4. 通过一些巧妙的细节提升了 CSS 的可用性;
  5. 提供了详尽的文档让开发者知道,不同元素在不同浏览器下的渲染规则;

如今,Normalize 已经出到了第八版 -- normalize.css V8.0.1,而随之而变的是浏览器市场环境的巨大变化。

IE 已经逐渐退出历史舞台,处理各个浏览器之间巨大差异、不同兼容性问题的日子像是一去不复返了。虽然今天不同厂商在对待标准仍然存在差异,一些细节上仍旧有出入,但是我们已经不需要再像过去般大肆地对浏览器默认样式进行重置。

到今天,我们更多听到现代 CSS 解决方案一词。它除去页面样式最基本的呈现外,同时也关注用户体验可访问性

阅读全文

本文共计2096个文字,预计阅读时间需要9分钟。

现代CSS重置方案有哪些创新点?

在早年(其实也不算很早),写过几篇关于CSS Reset的文章——reset.css,知之多少。详细描述了当时业界比较常用的两个CSS Reset方案:reset.css与Normalize.css。更为推荐的是Normalize.css。

在早年间(其实也不是很早),写过几篇关于 CSS Reset 的文章 - reset.css 知多少。

详细描述了当时业界比较常用的,两个 CSS reset 方案:reset.css 与 Normalize.css。

以更为推荐的 Normalize.css 为例,它的核心思想是:

  1. 统一了一些元素在所有浏览器下的表现,保护有用的浏览器默认样式而不是完全清零它们,让它们在各个浏览器下表现一致;
  2. 为大部分元素提供一般化的表现;
  3. 修复了一些浏览器的 Bug ,并且让它们在所有浏览器下保持一致性;
  4. 通过一些巧妙的细节提升了 CSS 的可用性;
  5. 提供了详尽的文档让开发者知道,不同元素在不同浏览器下的渲染规则;

如今,Normalize 已经出到了第八版 -- normalize.css V8.0.1,而随之而变的是浏览器市场环境的巨大变化。

IE 已经逐渐退出历史舞台,处理各个浏览器之间巨大差异、不同兼容性问题的日子像是一去不复返了。虽然今天不同厂商在对待标准仍然存在差异,一些细节上仍旧有出入,但是我们已经不需要再像过去般大肆地对浏览器默认样式进行重置。

到今天,我们更多听到现代 CSS 解决方案一词。它除去页面样式最基本的呈现外,同时也关注用户体验可访问性

阅读全文