zoukankan      html  css  js  c++  java
  • CSS Reset总结

    理念:

    1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。

    2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能出现的问题。

    3. reset 期望提供一套普适通用的基础样式。推荐根据具体需求,裁剪和修改后再使用。

    特色:

    1. 适应中文;

    2. 基于最新主流浏览器。

    /** 清除内外边距 **/
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
    /* structural elements 结构元素 */
    dl, dt, dd, ul, ol, li,
    /* list elements 列表元素 */
    pre,
    /* text formatting elements 文本格式元素 */
    form, fieldset, legend, button, input, textarea,
    /* form elements 表单元素 */
    th, td
    /* table elements 表格元素 */{margin: 0;padding: 0;}

    /** 设置默认字体 **/
    body, button, input, select, textarea
    /* for ie */{font: 12px/1.5 tahoma, arial, simsun, sans-serif;}
    h1, h2, h3, h4, h5, h6
    {font-size: 100%;}
    address, cite, dfn, em, var
    { font-style: normal;}/* 将斜体扶正 */
    code, kbd, pre, samp
    { font-family: courier new, courier, monospace;}/* 统一等宽字体 */
    small
    { font-size: 12px;}/* 小于 12px 的中文很难阅读,让 small 正常化 */

    /** 重置列表元素 **/
    ul, ol
    { list-style: none;}

    /** 重置文本格式元素 **/
    a
    { text-decoration: none;}
    a:hover
    {color:#ff6600;}
    sup
    { vertical-align: text-top;}/* 重置,减少对行高的影响 */
    sub
    { vertical-align: text-bottom;}

    /** 重置表单元素 **/
    legend
    { color: #000;}/* for ie6 */
    fieldset, img
    { border: 0;}/* img 搭车:让链接里的 img 无边框 */
    button, input, select, textarea
    { font-size: 100%;}/* 使得表单元素在 ie 下能继承字体大小 */
    /* 注:optgroup 无法扶正 */

    /** 重置表格元素 **/
    table
    { border-collapse: collapse; border-spacing: 0;}
    body
    {width:990px;margin:0 auto;text-align:center;}
    img
    {vertical-align:top;}
    .clearing
    {clear:both;height:0;visibility:hidden;display:block;overflow:hidden;}
  • 相关阅读:
    程序员如何判断是否到了该辞职的时候?
    牛客网
    C++继承详解:共有(public)继承,私有(private)继承,保护(protected)继承
    为什么构造函数不能声明为虚函数,析构函数可以
    为什么要线程同步,说出线程同步的几种方法
    内存字节对齐
    std::map的删除
    阻塞调用ShellExecute函数
    无法打开包括文件:“SDKDDKVer.h”: No such file or directory
    Legacy C++ MongoDB Driver
  • 原文地址:https://www.cnblogs.com/eecc/p/2223248.html
Copyright © 2011-2022 走看看