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>	标题 标题 标题 标题 标题 标题