Bootstrap【第二章】—全局CSS之排版、代码、表格

1. 排版 

1.1. 页面主体 

Bootstrap讲全局font-size设置为14px,line-height设置为20px，段落的行高设置为10px，颜色设置为#333。我们可以通过在页面按F12查看body的样式

段落突出：通过.lead类可以让段落突出显示，我们来看演示代码:

<div class="container">
	<p>卓越人生</p>
	<p class="lead">从现在开始</p>
	<p>走向人生巅峰</p>
</div>

1.2. 标题 

1. 标题h1--h6和html中的效果一样
2. 副标题：在<h1><small>副标题</small></h1>

在Bootstrap中，标题可以有副标题，副标题比正标题的字体小一点，样式有点不太一样。

1.3. 内联文本元素 

        1.3.1. 标记：class=”mark” 

标记，把指定的内容标记出来。示例如下:

标记：I <span class="mark"> like </span> you 很久了

被span标签包起来的文本 you 的样式被添加背景色

 

        1.3.2. 线条 

1. 删除：<del>I like </del> 或者<s>I like</s>
2. 下划线：<ins>I like </ins> 或者<u>I like</u>

   1.3.3. 强调文本  

1、 小字体<small>：标准字号的85% 

2、 文本加粗：<strong> 

3、 文本倾斜：<em> 

 

1.4. 对齐 

1、 居左：class=”text-left” 

2、 居中：class=”text-center”