常用css2基本定義例子

1、常用css2基本定義例子（精）語百定義常被忽略，但我總喜歡加上charset"gb2312"全局宏觀定義html,body標簽，以及MOZ勺模塊兼容html,bodymargin:。auto;font:12PxArial,Helvetica,sans-serif,宋體;line-height:180%;TEXT-ALIGN:center;overflow-x:hidden;color:#000;body>table,body>divmargin-left:auto;margin-right:auto;clear:both;/*M0Z*/全局微觀定義各容器和表單，

2、主要控制文字、圖片div,tr,th,td,ul,li,img,form,h2,h3,h4font:12PxArial,Helvetica,sans-serif,宋體；margin:。；padding:。；border:。；color:#000;overflow:hidden;table,td,liLIST-STYLE-TYPE:none;word-break:break-all;Width:fixed;line-height:18。;border:。;input,select,textareacolor:#。；font:12PxArial,Helvetica,sans-serif,宋體;全局

3、鏈接定義觸發(fā)出現(xiàn)下劃線，鏈接顏色不變afont:12PxArial,Helvetica,sans-serif,宋體;color:#。；text-decoration:none;a:hovertext-decoration:underline;文字-加粗與下劃線.f_b.f_sb,.f_btd,.f_bli,.f_ba,.f_ba:link,.f_ba:hoverfont-weight:bold;.f_u.f_su,.f_utd,.f_uli,.f_ua,.f_ua:link,.f_ua:hovertext-decoration:underline;文字-標題h2,h2afont:bold16P

4、xArial,Helvetica,sans-serif,宋體;h3,h3afont:bold14pxArial,Helvetica,sans-serif,宋體;h4,h4afont:bold12pxArial,Helvetica,sans-serif,宋體;文字-大小.fs10Als10b,.fs10td,.fs10li,.fs10a,.fs10a:link,.fs10a:hover,.f_s_10a:visitedfont-size:10px;.fs12,.fs12b,.fs12td,.fs12li,.fs12a,.fs12a:link,.fs12a:hover,.f_s_12a:visit

5、edfont-size:12px;.fs14,.fs14b,.fs14td,.fs14li,.fs14a,.fs14a:link,.fs14a:hover,.f_s_14a:visitedfont-size:14px;.fs16,.fs16b,.fs16td,.fs16li,.fs16a,.fs16a:link,.fs16a:hover,.f_s_16a:visitedfont-size:16px;文字-顏色.acblack,.acblacktd,.acblackli,.acblackh4,.acblackh3,.a_c_blackh2,.a_c_blacka,.a_c_blacka:link

6、,.a_c_blacka:hover,.a_c_blacka:visitedcolor:#000;.a_c_gray,.a_c_graytd,.a_c_grayli,.a_c_grayh4,.a_c_grayh3,.a_c_grayh2,.a_c_graya,.a_c_graya:link,.a_c_graya:hover,.a_c_graya:visitedcolor:#666;.acwhite,.acwhitetd,.acwhiteli,.acwhiteh4,.acwhiteh3,.a_c_whiteh2,.a_c_whitea,.a_c_whitea:link,.a_c_whitea:h

7、over,.a_c_whitea:visitedcolor:#fff;.acred,.acredtd,.acredli,.acredh4,.acredh3,.acredh2,.a_c_reda,.a_c_reda:link,.a_c_reda:hover,.a_c_reda:visitedcolor:#f00;圖片-邊框.b_blackborder:1px#000solid;.b_grayborder:1px#999solid;.b_whiteborder:1px#fffsolid;圖片-通欄廣告常用寬度通欄，包含縱向外補丁，兼容MOZ.ban,.ban_white,.ban_blackwid

8、th:760px;.banimgmargin:5pxauto;.ban_whiteimgmargin:5pxauto;border:1px#fffsolid;.ban_blackimgmargin:5pxauto;border:1px#000solid;列表-行局.list_16,.list_16td,.list_16liline-height:16px;.list_18,.list_18td,.list_18liline-height:18px;.list_20,.list_20td,.list_20liline-height:20px;.list_22,.list_22td,.list_2

9、2liline-height:22px;.list_24,.list_24td,.list_24liline-height:24px;.list_26,.list_26td,.list_26liline-height:26px;.list_28,.list_28td,.list_28liline-height:28px;.list_30,.list_30td,.list_30liline-height:30px;列表-補丁列表的橫向內(nèi)補丁.list_P_5.list_p_5td,.list_p_5lipadding-left:5px;padding-right:5px;.list_pr_5.l

10、ist_pr_5td,.list_pr_5lipadding-right:5px;浮動-位置，偏移，對齊組合定義，控制位置左中右，控制左右浮動列表，單元格居頂，圖片、表單的橫向?qū)R.t_l,.t_ltd,.t_llitext-align:left;.t_c,.t_ctd,.t_clitext-align:center;.tr,.trtd,.trli,.fla,.flb,.fld,.flstext-align:right;.f_l,.f_laa,.f_lbb,.f_lddiv,.f_lsspanfloat:left;/*f_laf_lbf_ldf_ls*/.f_rfloat:right;.v_t

11、vertical-align:top;.v_m,.v_m_o,.v_m_oimg,.v_m_oinput,.v_m_oselectvertical-align:middle;間隔-內(nèi)補丁常用內(nèi)補丁組合定義.p_5padding:5px;.p_t_5padding-top:5px;.p_l_5padding-left:5px;.p_r_5padding-right:5px;.p_ape_5padding-top:5px;padding-bottom:5px;/*apeak*/.p_lev_5padding-left:5px;padding-right:5px;/*level*/.p_10padding:10px;.p_t_10padding-top:10px;.p_l_10padding-left:10px;.p_r_10padding-right:10px;.p_ape_10padding-top:10px;padding-bottom:10px;/*apeak*/.p_lev_10padding-left:10px;padding-right:10px;/*level*/間隔-外補丁常用外補丁組合定義.m_t_