前端公共樣式base.css裡面主要寫一些什麼?
阿新 • • 發佈:2018-12-11
* -- 樣式說明 -- * 最大優先實現法,全域性能實現不用區域,區域能實現不用模板, * 模板能實現不用介面,介面能實現不用標籤 * g - 全域性 * t - 區域 * m - 模板 * ui - 介面 * lb - 標籤 * 特殊標籤 * j - 指令碼 * fix - 浮窗 */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; } body { font: 14px "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, "sans-serif"; color: #333; background-color: #f3f4f6; } a { color: #333; text-decoration: none; } a, a:hover { transition: all .3s ease-out 0s; } a:hover, a:focus { color: #509524; text-decoration: none; } .g-font14 { font-size: 14px; } .g-font16 { font-size: 16px; } .fl{ float:left; } .g-fr{ float:right; } .g-hide { display: none } .g-block{ display: block; } .g-inline{ display:inline; } .g-inline-bo{ display:inline-block; } //padding同理 .g-mgt10{ margin-top:10px; } .g-mgr10{ margin-right:10px; } .g-mgb10{ margin-bottom:10px; } .g-mgl10{ margin-left:10px; } h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; } .g-clearfix{ clear: both; content: ""; display: block; overflow: hidden }