常用css2基本定義例子(精)

1、常用 css2 基本定義例子 ( 精)語(yǔ)言定義常被忽略，但我總喜歡加上charset gb2312;全局宏觀定義html,body標(biāo)簽，以及MOZ的模塊兼容html,body margin:0 auto; font:12px Arial,Helvetica,sans-serif, line-height:180%;TEXT-ALIGN: center; overflow-x:hidden; color:#000;宋體 ;bodytable,bodydiv margin-left:auto; margin-right:auto; clear:both; /* M0Z */全局微觀定義各容器和表單

2、，主要控制文字、圖片div,tr,th,td,ul,li,img,form,h2,h3,h4 font:12px Arial,Helvetica,sans-serif, 宋體 ; margin:0; padding:0; border:0; color:#000; overflow:hidden;table,td,li LIST-STYLE-TYPE: none; word-break:break-all; Width:fixed; line-height:180%; border:0;input,select,textarea color:#000;font:12pxArial,Helvet

3、ica,sans-serif,宋體 ;全局鏈接定義觸發(fā)出現(xiàn)下劃線，鏈接顏色不變a font:12px Arial,Helvetica,sans-serif, text-decoration: none;宋體 ; color: #000;a:hover text-decoration: underline;文字 - 加粗與下劃線.f_b .f_sb,.f_b td,.f_b li,.f_b a,.f_b a:link,.f_b a:hover font-weight:bold;.f_u .f_su,.f_u td,.f_u li,.f_u a,.f_u a:link,.f_u a:hover t

4、ext-decoration:underline;文字-標(biāo)題h2,h2 a font:bold 16px Arial,Helvetica,sans-serif,宋體 ;h3,h3 a font:bold 14px Arial,Helvetica,sans-serif,宋體 ;h4,h4 a font:bold 12px Arial,Helvetica,sans-serif,宋體 ;文字-大小.f_s_10,.f_s_10 b,.f_s_10 td,.f_s_10 li,.f_s_10 a,.f_s_10 a:link,.f_s_10 a:hover,.f_s_10 a:visited font

5、-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:link,.f_s_12 a:hover,.f_s_12 a:visited font-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:link,.f_s_14 a:hover,.f_s_14 a:visited font-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:l

6、ink,.f_s_16 a:hover,.f_s_16 a:visited font-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:link,.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

7、_gray a,.a_c_gray a:link,.a_c_gray a:hover,.a_c_gray a:visited color:#666;.a_c_white,.a_c_white td,.a_c_white li,.a_c_white h4,.a_c_white h3,.a_c_white h2,.a_c_white a,.a_c_white a:link,.a_c_white a:hover,.a_c_white a:visited color:#fff;.a_c_red,.a_c_red td,.a_c_red li,.a_c_red h4,.a_c_red h3,.a_c_r

8、ed h2,.a_c_red a,.a_c_red a:link,.a_c_red a:hover,.a_c_red a:visited color:#f00;圖片-邊框.b_black border:1px #000 solid;.b_gray border:1px #999 solid;.b_white border:1px #fff solid;圖片 - 通欄廣告常用寬度通欄，包含縱向外補(bǔ)丁，兼容MOZ.ban,.ban_white,.ban_black width:760px;.ban img margin:5px auto;.ban_white img margin:5px auto

9、; border:1px #fff solid;.ban_black img margin:5px auto; border:1px #000 solid;列表-行高.list_16,.list_16 td,.list_16 li line-height:16px;.list_18,.list_18 td,.list_18 li line-height:18px;.list_20,.list_20 td,.list_20 li line-height:20px;.list_22,.list_22 td,.list_22 li line-height:22px;.list_24,.list_24

10、 td,.list_24 li line-height:24px;.list_26,.list_26 td,.list_26 li line-height:26px;.list_28,.list_28 td,.list_28 li line-height:28px;.list_30,.list_30 td,.list_30 li line-height:30px;列表-補(bǔ)丁列表的橫向內(nèi)補(bǔ)丁.list_p_5 .list_p_5 td,.list_p_5 li padding-left: 5px;padding-right: 5px;.list_pr_5 .list_pr_5 td,.list_

11、pr_5 li padding-right: 5px;浮動(dòng) - 位置，偏移，對(duì)齊組合定義，控制位置左中右，控制左右浮動(dòng)列表，單元格居頂，圖片、表單的橫向?qū)R.t_l,.t_l td,.t_l li text-align:left;.t_c,.t_c td,.t_c li text-align:center;.t_r,.t_r td,.t_r li,.f_la,.f_lb,.f_ld,.f_ls text-align:right;.f_l,.f_la a,.f_lbb,.f_lddiv,.f_lsspan float:left;/* f_laf_lbf_ldf_ls */.f_r float:r

12、ight;.v_t vertical-align:top;.v_m,.v_m_o,.v_m_o img,.v_m_o input,.v_m_o select vertical-align:middle;間隔 - 內(nèi)補(bǔ)丁常用內(nèi)補(bǔ)丁組合定義.p_5 padding: 5px;.p_t_5 padding-top: 5px;.p_l_5 padding-left: 5px;.p_r_5 padding-right: 5px;.p_ape_5 padding-top: 5px;padding-bottom: 5px; /* apeak */.p_lev_5 padding-left: 5px;padding-right: 5px; /* level */.p_10 padding: 10px;.p_t_10 padding-top: 10px;.p_l_10 padding-left: 10px;.p_r_10 padding-right: 10px;.p_ape_10 padding-top: 10px;padding-bottom: 10px; /* apeak */.p_lev_10 padding-left: 10px;padding-right: 10px; /* level */間隔 - 外補(bǔ)丁常用外補(bǔ)丁組合定義.m