zoukankan      html  css  js  c++  java
  • css normalize.css

    normalize.css 是一个保证跨浏览器对html渲染一致性的css文件。它针对html5,可作为传统css reset的替代。

    normalize.css 取得广泛应用: twitter bootstraphtml5 boilerplateRdiocss tricks 等很多框架。网站都使用到它。

    概述

        normalize.css是一个css reset方案,它的核心理念是:

    1. 保留有用的默认浏览器样式,而不是擦除
    2. 针对广泛的html元素样式进行规格化
    3. 修复bug和常见的浏览器样式上的不一致
    4. 通过适当调节提高可用性
    5. 充分使用注释和文档解释代码

        normalize.css支持众多浏览器(包括手机浏览器)并且包含规格化html5元素、字体、列表、内嵌内容、表单以及表格的代码。项目以规格化为目的的同时保留了实用的默认样式。

    Normalize vs Reset

        normalize和传统css reset方案在一下方面存在差异:

    1. Normalize.css保留有用的默认样式:reset覆盖了大多数元素的默认样式。与此不同的是normalize.css保留了有用的默认样式。这就意味着你不用为它们重新声明样式。当一个元素在不同浏览器有不同样式时,normalize.css使用样式使其尽量与标准一致。
    2. Normalize.css修复常见bug:它修复常见桌面浏览器和手机浏览器bug,这些都超出了reset的内容。这些包含了html5元素的display设置,修正文本font-size,IE9下svg的overflow,以及很多与表单相关的跨浏览器、操作系统bug。
    3. Normalize.css不会让你的调试工具混乱:使用reset会导致大量继承链出现在css调试工具中。这一现象在normalize.css中就不会出现。
    4. Normalize.css是模块化的:项目划分为相对独立的分区,确保轻松了解哪些样式针对哪些元素。这样一来当你不需要某些功能的时候可以轻松删除对应代码。
    5. Normalize.css有详细的文档:normalize.css基于详细的跨浏览器研究和测试。

     http://nicolasgallagher.com/about-normalize-css/

  • 相关阅读:
    vue学习第四天 ------ 临时笔记
    vue学习第三天 ------ 临时笔记
    vue学习第二天 ------ 临时笔记
    vue学习第一天 ------ 临时笔记
    vue ------ 安装和引入
    swagger-tools QuickStart
    build-your-microservices-api-with-swagger
    test-doubles-fakes-mocks-and-stubs
    swaggerhub 文档
    React Server Side Rendering
  • 原文地址:https://www.cnblogs.com/qiudeqing/p/3448613.html
Copyright © 2011-2022 走看看