bootstrap--CSS全局样式

一.标题样式（H1-H6）

• //内联标签实现样式
• 注意：在任何标题中添加一个内联子标题，只需要简单的在元素两旁添加small标签即可
• 列如：<span class="h1">XX</span>

二.文本相关样式

段落

• p标签
• 默认：14px；
• 行高：20px
• 底部外边距：10px

对齐方式

• .text-left
• .text-center
• .text-right

文本标记

• class="lead"强调文本 得到更大更粗、行高更高的文本
• 列如：<p class="lead">xx</p>

添加标记

• mark元素或.mark 类(设置Mark标签是有黄色底边的)
• 列如：<p>bootstrap<mark>框架</mark></p>

各种加线条的文本

<del>XXXX</del>  //删除的文本
<s>XXX</s>   //无用的文本
<ins>XXX</ins>  //插入的文本
<u>XXX</u> //效果同上，下划线文本

强调样式

<small>  设置文本为父文本大小的80%（标准字号的85%）
<strong> 设置文本为更粗的文本（加粗700）
<em> 设置文本为斜体

对齐样式 设置文本对齐

<p class="text-left">位置居左</p>
<p class="text-center">位置居中</p>
<p class="text-right">位置居右</p>
<p class="text-justify">两端对齐，支持度不佳</p>
<p class="text-nowrap">不换行</p>

大小写样式—设置英文文本大小写

<p class="text-lowercase">Bootstrap小写</p>
<p class="text-uppercase">bootstrap大写</p>
<p class="text-capitalize">bootstrap首字母大写</p>

缩略语样式

<abbr class="initialism" title="world wide web">www</abbr>

地址文本样式
使用address标签，设置地址，去掉了倾斜，设置了行高，底部20px
address默认为display：block需要使用标签来为封闭的地址文本添加换行

<address>
	<strong>Twitter,Inc</strong><br>
	795 Folsom Ave,Suite 600<br>
	San Francisco,CA 94170<br>
	<abbr title></abbr>
</address>

引用文本样式

可以在任意的HTML文件旁使用默认的blockquote 使用class.pull-right
向右对齐引用，使用class.blockquote-reverse 反向引用 默认的样式引用，增加了左边线，设定了字体大小和内外边距

<blockquote>框架</blockquote>

反向引用

 <blockquote class="blockquote-reverse">框架</blockquote>

三.表格相关样式

• .table
• .table-bordered 带边框的表格
• .table-striped 隔行变色的表格
• .table-hover 鼠标悬停变色的表格
• .table-responsive 响应式表格，用于TABEL父元素DIV