Bootstrap02(全局CSS之排版&代码&表格)

二.全局CSS之排版&代码&表格
1.排版
①页面主体
1)段落突出显示:lead
②标题
1)标签:

…

2)副标题:在

副标题

3)样式:class=”h1”
③内联文本元素
1)标记:class=”mark”
2)线条: A.删除文本:或
B.下划线:或
3)强调文本:
A.小字体::标准字号的85%
B.加粗:
C.倾斜:
④对齐
1)居左:class=”text-left”
2)居中:class=”text-center”
3)居右:class=”text-right”
⑤改变大小写
1)大写:class=”text-uppercase”
2)首字母大写:class=”text-capitalize”
3)小写:class=”text-lowercase”
⑥缩略语
1)基本缩略语:
2)首字母缩略语:
⑦地址
1)

地址

⑧引用
1)默认样式的引用:

2)右对齐样式引用:

3)命名引用来源:

用来表明引用来源.表示倾斜

⑨列表
1）有序列表:

1. 
   2）无序列表:
   • 
     3）无样式列表:
     • 
       4）内联列表:
       • 
         5）列表描述:

         …

         …

         
         6）水平排列的描述:

         
         2.代码
         ①内联代码:
         1)通过标签包裹内联样式的代码片段
②用户输入
1)通过标签标记用户通过键盘输入的内容
③基本代码块
1)多行代码可以使用

         
         
         2)垂直方向滚动条:
         
         
         ④程序输出
         
         1)通过标签来标记程序输出的内容
         
         3.表格
         
         ①基本表格
         
         1)
         
         ②条纹状表格
         
         1)<table class=”table table-striped”>
         
         ③带边框表格
         
         1)<table class=”table table-bordered”>
         
         ④鼠标悬停
         
         1)<table class=”table table-hover”>
         
         ⑤紧缩表格
         
         1)
         
         ⑥状态类
         
         1)class=”action”:鼠标悬停在行或者单元格上时设置的颜色
         
         2)Class=”success”:标识成功或积极的动作(绿色)
         
         3)Class=”info”:标志普通的提示信息或动作(蓝色)
         
         4)Class=”warning”:标识警告或需要用户注意(黄色)
         
         5)Class=”danger”:标识危险或潜在的带来负面影响动作(红色)
         
         ⑦响应式表格
         
         1)<table class=”table table-responsive”>