常用css2基本定义例子(精).docx

常用css2基本定义例子（精） 语言定义 常被忽略，但我总喜欢加上 @charset "gb2312"; 全局宏观定义 html,body标签，以及MOZl勺模块兼容 html,body { margi n:0 auto; fon t:12px Arial,Helvetica,sa ns-serif, 宋体; lin e-height:180%;TEXT-ALIGN: cen ter; overflow-x:hidde n; color:#000;} body>table,body>div { margin-left:auto; margin-right:auto; clear:both;} /* M0Z */ 全局微观定义 各容器和表单，主要控制文字、图片 div,tr,th,td,ul,li,img,form,h2,h3,h4 { font:12px Arial,Helvetica,sa ns-serif, 宋体;margin:。； padd in g:0; border:0; color:#000; overflow:hidde n;} table,td,li { LIST-STYLE-TYPE: none; word-break:break-all; Width:fixed; lin e-height:180%; border:0;} in put,select,textarea { color:#000; fon t:12px Arial,Helvetica,sa ns-serif, 宋体;} 全局链接定义 触发出现下划线，链接颜色不变 a { fon t:12px Arial,Helvetica,sa ns-serif, 宋体；color: #000; text-decorati on: non e;} a:hover { text-decorati on: un derl in e;} 文字-加粗与下划线 ?f_b {} ?f_sb,.f_b td,.f_b li,.f_b a,.f_b a:l in k,.f_b a:hover { fon t-weight:bold;} .f_u {} .f_su,.f_u td,.f_u li,.f_u a,.f_u a:li nk,.f_u a:hover { text-decoratio n:un derl in e;} 文字-标题 h2,h2 a { fon t:bold 16px Arial,Helvetica,sa ns-serif, 宋体;} h3,h3 a { fon t:bold 14px Arial,Helvetica,sa ns-serif, 宋体;} h4,h4 a { fon t:bold 12px Arial,Helvetica,sa ns-serif, 宋体;} 文字-大小 .f_s_10,.f_s_10 b,.f_s_10 td,.f_s_10 li,.f_s_10 a,.f_s_10 a:li nk,.f_s_10 a:hover,.f_s_10 a:visited { fon t-size:10px;} .f_s_12,.f_s_12 b,.f_s_12 td,.f_s_12 li,.f_s_12 a,.f_s_12 a:li nk,.f_s_12 a:hover,.f_s_12 a:visited { fon t-size:12px;} .f_s_14,.f_s_14 b,.f_s_14 td,.f_s_14 li,.f_s_14 a,.f_s_14 a:li nk,.f_s_14 a:hover,.f_s_14 a:visited { fon t-size:14px;} .f_s_16,.f_s_16 b,.f_s_16 td,.f_s_16 li,.f_s_16 a,.f_s_16 a:li nk,.f_s_16 a:hover,.f_s_16 a:visited { fon t-size:16px;} 文字-颜色 .a_c_black,.a_c_black td,.a_c_black li,.a_c_black h4,.a_c_black h3,.a_c_black h2,.a_c_black a,.a_c_black a:li nk,.a_c_black a:hover,.a_c_black a:visited { color:#000;} .a_c_gray,.a_c_gray td,.a_c_gray li,.a_c_gray h4,.a_c_gray h3,.a_c_gray h2,.a_c_gray a,.a_c_gray a:li nk,.a_c_gray a:hover,.a_c_gray a:visited { co