第二章 排版 2.4-2.7强调内容

一、让段落p突出显示,可以通过添加类名 “.lead” 实现,还可以通过元素标签< small >、< strong >、< em >、< cite >给文本做突出样式处理。
(1).lead

.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4;
}
@media (min-width: 768px) {/*大中型浏览器字体稍大*/
.lead {
font-size: 21px;
}
}

(2)b,strong {
font-weight: bold; //文本加粗
}
(3)small,.small {
font-size: 85%; //标准字体的85%,也就是14px 0.85px,差不多12px
}
(4)cite {
font-style: normal;
}
(5)< em >、< i > 斜体

二、强调相关的类
Bootstrap还定义了一套类名,这里称其为强调类名(类似前面说的“.lead”),这些强调类都是通过颜色来表示强调,具本说明如下:
.text-muted:提示,使用浅灰色(#999)
.text-primary:主要,使用蓝色(#428bca)
.text-success:成功,使用浅绿色(#3c763d)
.text-info:通知信息,使用浅蓝色(#31708f)
.text-warning:警告,使用黄色(#8a6d3b)
.text-danger:危险,使用褐色(#a94442)

猜你喜欢

转载自www.cnblogs.com/xiaomulei/p/10091060.html