zoukankan      html  css  js  c++  java
  • CSS Reset样式重置

    为了让页面在各不同浏览器之间显示效果一致,CSS样式清除和重置是前端开发必需要做的事情,结合前车之鉴,整理了份CSS重置样式代码供参考。

    @charset "utf-8";
    /* ------------------------------------------------------------
    version	:	1.0
     author	:	tongqian.zhang
      email	:	bbirdsky@163.com
      create:	2013-05-10
    ------------------------------------------------------------ */
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,
    dl, dt, dd, ul, ol, li, th, td, div, span, img,
    fieldset, lengend, button, input, select, textarea{margin: 0;padding: 0;}
    
    /* color & background */	
    html{color:#000; background:#FFF;}
    
    /* font */
    body, button, input, select, textarea { /* for ie */
        font: 12px/18px Arial, Verdana, Microsoft YaHei;
    }
    
    /* fix center */
    html,body {height: 100%;margin: 0 auto;}
    
    /* h1~h6 */
    h1 {font-size: 18px;}
    h2 {font-size: 16px;}
    h3 {font-size: 14px;}
    h4, h5, h6 {font-size: 100%;}
    
    /* a */
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }
    
    /* list */
    ul,ol {list-style: none;}
    
    /* img border */
    fieldset,img{border: 0}
    
    /* table */
    table {border-collapse: collapse;border-spacing: 0;font:inherit;}
    
    /* margin */
    .alpha {margin-left: 0;}
    .omega {margin-right: 0;}
    
    /* float & clear */
    .left{float:left;}
    .right{float:right;}
    .clear {clear: both;display: block;}
    
    /* clearfix */
    .clearfix:after{content:".";display:block;}
    .clearfix{display:inline-table;}
    /* Hides from IE-mac */
    * html .clearfix{height:1%;}
    .clearfix{display:block;}
    /* End hide from IE-mac */
    *+html .clearfix{min-height:1%;}/* IE7 */
  • 相关阅读:
    【算法】Manacher算法
    python 02 python入门知识
    python 01:计算机基础知识
    表示数值的字符串
    C++ 迭代器(STL迭代器)iterator详解
    构建乘积数组
    C++ 容器(STL容器)
    数组中重复的数字
    把字符串转换成整数
    十大经典排序算法
  • 原文地址:https://www.cnblogs.com/1rui/p/5502528.html
Copyright © 2011-2022 走看看