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设置默认是会覆盖掉写在前面的
     
    标签: tools
  • 相关阅读:
    压缩和还原压缩的JS代码
    1.3(Spring学习笔记)Spring-AOP
    软件配置篇-MySQL下载及安装
    软件配置篇-java下载及安装
    1.2(Spring学习笔记)Spring中的Bean
    1.1(Spring学习笔记)Spring基础(BeanFactory、ApplicationContext 、依赖注入)
    1.6(学习笔记)EL表达式
    1.5 JSP标准标签库(JSTL)(核心标签 out、set、remove、if、choose、forEach、forTokens、redirect)
    1.4(学习笔记)JSP自定义标签
    随机算式
  • 原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/13437489.html
Copyright © 2011-2022 走看看