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/

  • 相关阅读:
    leetcode 77 组合
    leetcode 40组合总和 II
    leetcode 216 组合总和III
    弹性伸缩 AS(Auto Scaling)
    弹性计算服务(Elastic Compute Service) / 云服务器 ECS
    云计算概述
    Zabbix Proxy 分布式监控
    Zabbix 自动发现 & 自动注册
    LVS-DR 模式
    GoAccess 监控工具
  • 原文地址:https://www.cnblogs.com/qiudeqing/p/3448613.html
Copyright © 2011-2022 走看看