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;}
  • 相关阅读:
    202. Happy Number
    198. House Robber
    191. Number of 1 Bits
    190. Reverse Bits
    189. Rotate Array
    172. Factorial Trailing Zeroes
    171. Excel Sheet Column Number
    [leetcode]Single Number II
    [leetcode]Single Number
    [leetcode]Clone Graph
  • 原文地址:https://www.cnblogs.com/eecc/p/2223248.html
Copyright © 2011-2022 走看看