zoukankan      html  css  js  c++  java
  • Normalize.css 样式作用,及使用方法

    http://www.jscwwd.com/article/5e52895e552a8e2bf45d3d65

    Normalize.css 是?

    Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。

    Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。
    相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之,Normalize.css是一种CSS reset的替代方案。

     Normalize.css 能干什么?

    • 保留有用的默认值,不同于许多 CSS 的重置

    • 标准化的样式,适用范围广的元素。

    • 纠正错误和常见的浏览器的不一致性。

    • 一些细微的改进,提高了易用性。

    • 使用详细的注释来解释代码。 

    支持的浏览器:

    • Google Chrome (latest)

    • Mozilla Firefox (latest)

    • Mozilla Firefox ESR

    • Opera (latest)

    • Apple Safari 6+

    • Internet Explorer 8+

    Normalize.css到底有什么用

    • 不同的浏览器在对于CSS没有定义的一些样式属性是不一样的,
    • 比如没有在自己的CSS里面规定超链接有没有下划线的时候,有些浏览器有,有些浏览器没有;
    • 再比如有一些浏览器规定的超链接默认颜色是蓝色,有一些又是黑色。
    • 而这个CSS的功能就是对几乎所有的默认样式进行重置,让所有的浏览器上对于未定义的样式浏览效果达到一致
    • (虽然说无法完全一致,但至少可以消除掉大部分差距)
    • 当然如果你自己的CSS已经对默认样式进行了重置,不使用它也是可以的。
    Normalize.css 是模块化的
    这个项目已经被拆分为多个相关却又独立的部分,这使得你能够很容易也很清楚地知道哪些元素被设置了特定的值。因此这能让你自己选择性地移除掉某些永远不会用到的部分(比如表单的一般化)。
    可以用import导入;
    那我同时link两个css的话,会不会有冲突?

    我使用Normalize.css是为了像你所说的对几乎所有的默认样式进行重置,让所有的浏览器上对于未定义的样式浏览效果达到一致,那我再link我自己的style.css是不是也可以在他的基础上达到我的效果?

    解释:把Normalize.css里面的所有内容放在自己的style.css的最上面,那样如果有冲突的话,写在后面的CSS设置默认是会覆盖掉写在前面的
  • 相关阅读:
    leetcode 279. Perfect Squares
    leetcode 546. Remove Boxes
    leetcode 312. Burst Balloons
    leetcode 160. Intersection of Two Linked Lists
    leetcode 55. Jump Game
    剑指offer 滑动窗口的最大值
    剑指offer 剪绳子
    剑指offer 字符流中第一个不重复的字符
    leetcode 673. Number of Longest Increasing Subsequence
    leetcode 75. Sort Colors (荷兰三色旗问题)
  • 原文地址:https://www.cnblogs.com/ympjsc/p/12309784.html
Copyright © 2011-2022 走看看