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

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