CSS樣式規範說明文檔

CSS樣式規範說明文檔dreamweaver教程

樣式名	說明	樣本	效果
.f_12	設定字型大小為12px	<tag class="f_12">字型12px</tag>	字型12px
.f_14	設定字型大小為14px	<tag class="f_14">字型14px</tag>	字型14px
.f_16	設定字型大小為16px	<tag class="f_16">字型16px</tag>	字型16px
.f_18	設定字型大小為18px	<tag class="f_18">字型18px</tag>	字型18px
.f_20	設定字型大小為20px	<tag class="f_20">字型20px</tag>	字型20px
.f_22	設定字型大小為22px	<tag class="f_22">字型22px</tag>	字型22px
.c_red	設定字型為紅色	<tag class="c_red">字型顏色</tag>	字型顏色 連結字型
.c_dred	設定字型為深紅色	<tag class="c_dred">字型顏色</tag>	字型顏色 連結字型
.c_blue	設定字型為藍色	<tag class="c_blue">字型顏色</tag>	字型顏色 連結字型
.c_gray	設定字型為白色	<tag class="c_white">字型顏色</tag>	字型顏色 連結字型
.c_white	設定字型為藍色	<tag class="c_blue">字型顏色</tag>	字型顏色 連結字型
.c_black	設定字型為黑色	<tag class="c_black">字型顏色</tag>	字型顏色 連結字型
.c_yellow	設定字型為黃色	<tag class="c_yellow">字型顏色</tag>	字型顏色 連結字型
.c_pink	設定字型為粉紅色	<tag class="pink">字型顏色</tag>	字型顏色 連結字型
.c_green	設定字型為藍色	<tag class="c_green">字型顏色</tag>	字型顏色 連結字型
.tit_black	大標題黑色	<h2 class="tit_black">頭條標題樣式</h2>	頭條標題樣式黑色
.tit_red	大標題紅色	<h2 class="tit_red">頭條標題樣式</h2>	頭條標題樣式紅色
.tit_big	超大標題	<h2 class="tit_big"><a href="#">超大標題頭條標題樣式</a></h2>	超大標題頭條標題樣式
.img_border	給圖片添加邊框	<img class="img_border" src="http://image.dili360.com/2.jpg" width="132" height="99" />
.img_list_4	一行兩列的圖片列表，圖片大小可以自由設定。超過2張自動換行。	<div class="img_list_2"> <ul class="clearfix"> <li><a title="標題文字" target="_blank" href=""><img width="46" height="46" border="0" alt="精彩瞬間" src="#"/>標題文字</a></li> </ul> </div>	標題 標題 標題 標題
.img_list_4	一行四列的圖片列表，圖片大小可以自由設定。超過4張自動換行。	<div class="img_list_4"> <ul class="clearfix"> <li><a title="標題文字" target="_blank" href=""><img width="46" height="46" border="0" alt="標題文字" src="#"/>標題文字</a></li> </ul> </div>	標題 標題 標題 標題 標題 標題