normalize.css简介及使用(css样式初始化)

2021-03-01 14:26

阅读:442

标签:ISE   github   出现   使用   tst   bootstrap   col   article   框架   

介绍:

官方简介:一种现代的HTML5替代CSS重置方法。Normalize.css使浏览器更一致地渲染所有元素,并符合现代标准。它只针对需要规范化的样式。

Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。
相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。
Normalise.css官网:http://necolas.github.io/normalize.css/
Github地址:https://github.com/necolas/normalize.css

特点(与传统Reset相比):

  • 保护有用的浏览器默认样式而不是完全去掉它们
  • 一般化的样式:为大部分HTML元素提供
  • 修复浏览器自身的bug并保证各浏览器的一致性
    • 修复了常见的桌面端和移动端浏览器的bug——包含了HTML5元素的显示设置、预格式化文字的font-size问题、在IE9中SVG的溢出、许多出现在各浏览器和操作系统中的与表单相关的bug。
  • 优化CSS可用性:用一些小技巧
  • 有详细的文档:更容易测试和使用
  • 模块化: 它已被拆分为多个相关又独立的部分

使用

安装或从Github下载Normalize.css,接下来有两种主要途径去使用它。

  • 策略一:将normalize.cs* s作为你自己项目的基础CSS,自定义样式值以满足设计师的需求。
  • 策略二:引入normalize.css源码并在此基础上构建,在必要的时候用你自己写的CSS覆盖默认值。

参考译文链接:https://blog.csdn.net/u013946061/article/details/108302849

normalize.css简介及使用(css样式初始化)

标签:ISE   github   出现   使用   tst   bootstrap   col   article   框架   

原文地址:https://www.cnblogs.com/asahi-front/p/14409252.html


评论


亲,登录后才可以留言!