zoukankan      html  css  js  c++  java
  • 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>
     
  • 相关阅读:
    makefile简单例子
    js归并排序
    js插入排序
    js堆排序
    js选择排序
    js冒泡算法以及优化
    使用go语言判断不同数据类型
    go使用接口案例排序
    go接口使用案例晓demo
    go面向对象-继承
  • 原文地址:https://www.cnblogs.com/useryangtao/p/4667295.html