首页 > 其他 > 详细

bootstrap-3

时间:2015-12-07 14:02:27      阅读:104      评论:0      收藏:0      [点我收藏+]

段落:

  1.全局文本字号为14px(font-size);

  2.行高为1.42857143(line-height),大约是20px(一串数字是由less编译器计算出来的,当然sass也有这样的功能)

  3.颜色为深灰色(#333)

  4.字体为“Helvetica Neue”,Helvetica,Arial,sans-serif,或许这样的字体对我们中文并不太合适,但是在实际项目中,大家可以根据自己的需求进行重置,这些设置都是body元素上,详见bootstrap.css中274-280行;

  另外在Bootstrap中,为了让段落p元素之间具有一定的间距,便于用户阅读,特意设置了p元素的margin值,详见bootstrap.css的467行-469行;

 

强调内容:

  如果想让一个p突出显示,可以通过添加类名".lead"实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。

  除此之外,还通过元素标签<small><strong><em><cite>给文本做突出样式处理。

 

粗体:

  在普通的元素在我们一般通过font-weight设置为Bold给文本加粗。在bootstrap中,可以使用<b><strong>标签给文本直接加粗。

 

斜体:

  除了给元素设置样式font-style值为italic实现之外,在bootstrap中还可以通过使用<em>或者<i>标签定义强调文本

 

强调相关的类:

  1、.text-muted:提示,使用浅灰色(#999)

  2、.text-primary:主要,使用蓝色(#428bca)

  3、.text-success:成功,使用浅蓝色(#3c763d)

  4、.text-info:通知信息,使用浅蓝色(#31708f)

  5、.text-warning:警告,使用黄色(#8a6d3b)

  6、.text-danger:危险,使用褐色(#a94442)

 

文本对齐风格:

  text-align:left/center/right/justify

  为了简化操作,方便使用,bootstrap定义了四个类名来控制文本的对齐方式:

  .text-left/.text-center/.text-right/.text-justify

bootstrap-3

原文:http://www.cnblogs.com/jodie-blog/p/5024331.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!