本次主要来了解的是排版,这个大部分在HTML的基本标签中也是存在的,所以相对比较简单,为了保证系列的完整性,也顺带复习下,还是记录一下。主要内容如下:
1.标题
2.页面主体
3.强调
4.缩略语
5.地址
6.引用
7.列表
8.总结
标题
Html中的所有标题标签,从<h1>到<h6>均可使用。另外还提供了.h1到.h6的class,为的是给inline属性的文本赋予标题的样式。
在标题内还可以包含<small>
标签或.small
元素,可以用来标记副标题。
页面主体
Bootstrap将全局font-size
设置为14px,line-height
为1.428 。这些属性直接赋给<body>
和所有段落元素。另外,<p>
(段落)还被设置了等于1/2行高的底部外边距(margin)(即10px)。
Lead body copy
通过添加.lead
可以让段落突出显示。
强调
直接使用HTML中用于标注强调的标签,并给他们赋予少许的样式。
1.小号文本对于不需要强调的inline或block类型的文本,使用<small>
标签包裹,其内的文本将被设置为父容器字体大小的85%。标题元素中嵌套的<small>
元素被设置不同的font-size
。
你还可以为行内元素赋予.small
以代替任何<small>
标签。
2.着重
通过增加font-weight强调一段文本。
3.斜体
用斜体强调一段文本。
4.对齐class
通过文本对齐class,可以简单方便的将文字重新对齐。
5.强调class
这些class通过颜色来表示强调。也可以应用于链接,当鼠标盘旋于链接上时,其颜色会变深,就像默认的链接样式。
缩略图
当鼠标悬停在缩写和缩写词上时就