1. 程式人生 > >前端公共樣式base.css裡面主要寫一些什麼?

前端公共樣式base.css裡面主要寫一些什麼?


* -- 樣式說明 -- 
* 最大優先實現法,全域性能實現不用區域,區域能實現不用模板, 
* 模板能實現不用介面,介面能實現不用標籤 
* 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
  }