码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2021-02-19 13:09:45      阅读:0      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!