zoukankan      html  css  js  c++  java
  • cssReset

      当今流行的浏览器(如:Firefox、Opera、Internet Explorer、Chrome、Safari等等)中,有一些浏览器以自己的方式去解析CSS,这就会导致不同浏览器解析相同的CSS和html代码显示的页面效果并不是统一,有时甚至会导致页面样式完全乱掉,这属于浏览器的样式兼容性问题。

      html标签在浏览器里有默认的样式,例如:p标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如:ul默认带有缩进的样式,IE下,它的缩进是通过margin实现的,而在Firefox下,它的缩进却是由padding实现的。切换页面的时候,浏览器的默认样式往往会给我们带来麻烦影响效率。所以现在比较流行的解决方法是一开始就将浏览器的默认样式全部去掉,更确切地说,应该通过重新定义标签的样式,“覆盖”掉浏览器提供的默认样式,就是CSS Reset。

      解决这类浏览器的样式兼容性问题,就会用到CSS Reset。CSS Reset称做CSS重设,又称CSS复位、CSS重置等。

      现提供两种CSS Reset方式:

      ①:https://meyerweb.com/eric/tools/css/reset/index.html

        提供CSS Reset的样式表,或通过https://files.cnblogs.com/files/sunyuweb/cssResetWeb.css

      ②:《编写高质量代码:web前端开发修炼之道》一书中提供的一种CSS Reset方法:

        https://files.cnblogs.com/files/sunyuweb/cssResetBook.css

  • 相关阅读:
    公用导航栏的根据url控制选中导航js
    页面切换出动晃动解决
    redis五大数据类型
    redis简介
    Linux安装redis
    各种锁的理解
    原子引用
    理解CAS
    彻底玩转单例模式
    Volatile
  • 原文地址:https://www.cnblogs.com/sunyuweb/p/8967176.html
Copyright © 2011-2022 走看看