Blog 公用部分结构与class定义

/*博客文章公用部分class与结构 common*/
/*

1.title-block //标题块

├── border-danger //危险红

├── border-info //普通蓝

└── border-warning //报警黄

<div class="title-block" ><h4>标题</h4></div>

2.code-block //代码块

<div class="code-block">文本</div>

3.copyright-block//版权块

<div class="copyright-block">

<p>

<span>作者:</span>

<a href="">杨涛</a>

</p>

</div>

// 可选边框类

├── border-danger

├── border-info

└── border-warning

// 可选文本类

├── text-danger //危险红

├── text-info //普通蓝

└── text-warning //报警黄

// 可选背景类

├── background-danger //危险红

├── background-info //普通蓝

└── background-warning //报警黄

*/

<div class="title-block">

<p> 16号字体文本段落<p>

<a href="#">a链接16号<a>

<small>text14号字体<small>

<small>a链接14号字体<small>

</div>

<div class="title-block border-danger">文本框</div>

<div class="title-block border-warning">文本框</div>

<div class="title-block border-info">文本框</div>

//文本色值

<span class="text-danger">块背景 text-danger</span>
<span class="text-info">块背景 text-info</span>
<span class="text-warning">块背景 text-warning</span>
<span class="text-gray">块背景 text-gray</span>

//标注

<span class="block-danger">块背景 block-danger</span>
<span class="block-info">块背景 block-info</span>
<span class="block-warning">块背景 block-warning</span>
<span class="block-gray">块背景 block-gray</span>

 

作者:
杨涛

出处:
http://www.cnblogs.com/useryangtao

此博客文章仅供交流学习，请勿用于商业用途。如需转载，请务必注明出处。