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

 
                    
                     
                    
                 
                    
                
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号