Bootstrap学习7--排版_bootstrap 公司发展历程-优快云博客

本文链接：https://blog.youkuaiyun.com/bbaibb1009/article/details/72376388

本文介绍了网页设计中常见的标题、副标题、段落等排版样式，包括不同层级标题的字体大小、加粗程度，以及如何使用特定类来增强文字的表现力。此外，还涉及了基本的文本元素如标记、删除线、插入文本等的使用方法。

标题 [H1-H6] 均可使用

H1 36px semibold

H2 30px semibold

H3 24px semibold

H4-H6 分别是 18 14 12

副标题标题内使用或者.small 类就可以添加副标题效果
- 副标题的字体样式颜色偏淡，字体偏小
页面主体

Bootstrap 全局
font-size 设置为 14px，
line-height 设置为 1.428。
这些属性直接赋予元素和所有段落元素。
另外，

（段落）元素还被设置了等于 1/2 行高（即 10px）的底部外边距（margin）。
默认行高20px

.lead类
中心内容

突出显示

使用 Less 工具构建
详见： variables.less
文件中定义的两个 Less 变量决定了排版尺寸：
@font-size-base — 默认 14px
@line-height-base — 默认 20px

内联文本元素

<marktext>内联文本</marktext>

标记删除

<del>

标记无用

<s>标记无用</s>

插入文本

<ins></ins>

下滑线

<u></u>

小号字体：父容器的85%

<small>

着重

<strong></strong>

斜体

<em>rendered as italicized text</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>