zoukankan      html  css  js  c++  java
  • CSS Reset

    针对前端设计,各个浏览器都有默认样式,这样造成的差异常常搞的我们很晕,而*{margin:0;padding:0}范围又太广,无法满足我们的需求,项目中常常存在reset.css的样式来统一默认样式。

    淘宝的reset.css

     1 /** 清除内外边距 **/
     2 blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0}
     3 
     4 /** 设置默认字体 **/
     5 body,button,input,select,textarea {font:12px/1.5 tahoma,arial,'Hiragino Sans GB',5b8b4f53,sans-serif}
     6 h1,h2,h3,h4,h5,h6 {font-size:100%}
     7 
     8 /* 将斜体扶正 */
     9 address,cite,dfn,em,var {font-style:normal}
    10 
    11 /* 统一等宽字体 */
    12 code,kbd,pre,samp {font-family:courier new,courier,monospace}
    13 
    14 /* 小于 12px 的中文很难阅读,让 small 正常化 */
    15 small {font-size:12px}
    16 
    17 /** 重置列表元素 **/
    18 ol,ul {list-style:none}
    19 
    20 a {text-decoration:none}
    21 a:hover {text-decoration:underline}
    22 sup {vertical-align:text-top}/*上标下标标签 重置,减少对行高的影响*/
    23 sub {vertical-align:text-bottom}
    24 /** 重置表单元素 **/
    25 legend {color:#000}/* for ie6 */
    26 fieldset,img {border:0} /* img 搭车:让链接里的 img 无边框 */
    27 button,input,select,textarea {font-size:100%}/* 使得表单元素在 ie 下能继承字体大小 */
    28 
    29 /** 重置表格元素 **/
    30 table {border-collapse:collapse;border-spacing:0}
    View Code

    大部分reset都这样,只是针对各个需求不一样,做少量增删。

  • 相关阅读:
    对于想用OS但又觉得单片机资源太过紧张,状态机是个不错的选择分享一种状态机设计方法
    状态机实践入门
    Codewarrior 调试错误ILLEGAL_BP
    坑爹的AVR编译器中文路径问题
    跨入AVR
    atmega8 例程:USART串口通信
    2011总结
    atmega8 默认内部RC振荡 + 解锁
    关于AVR I/O 的驱动能力的介绍
    atmega8 例程:系统库函数的延迟
  • 原文地址:https://www.cnblogs.com/zoujking/p/4192457.html
Copyright © 2011-2022 走看看