CSS样式规范说明文档

CSS样式规范说明文档

样式名 说明 示例 效果
.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>

       
原文地址:https://www.cnblogs.com/yaojaa/p/1348552.html