第二章 排版 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;
  }
}

微信截图_20160701161129.png

（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）

微信截图_20160701162046.png