第二章 排版 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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容