样式的层级关系

为了书写的美化，比如说ul 和li ，可以ul{}，li{}，也可以ul li{}，推荐使用后者

选择器优先级

！important>id选择器>类选择器>标签选择器,样式遵循就近原则，遵循后载入原则

样式冲突

遵循上面

抽离样式模块

  • {padding: 0; margin: 0;}不建议使用，因为通配符要把所有的元素都遍历一遍，增加了浏览器的负载
  • body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
    body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
    h1, h2, h3, h4, h5, h6{ font-size:100%; }
    address, cite, dfn, em, var { font-style:normal; }
    code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
    small{ font-size:12px; }
    ul, ol { list-style:none; }
    a { text-decoration:none; }
    a:hover { text-decoration:underline; }
    sup { vertical-align:text-top; }
    sub{ vertical-align:text-bottom; }
    legend { color:#000; }
    fieldset, img { border:0; }
    button, input, select, textarea { font-size:100%; }
    table { border-collapse:collapse; border-spacing:0; }