• bootstrap-3


    段落:

      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

  • 相关阅读:
    golang学习笔记 ---接口
    golang学习笔记 --类与方法
    golang学习笔记--面向对象编程
    golang学习笔记---错误处理
    golang学习笔记---defer[延迟函数]
    golang学习笔记--闭包
    golang学习笔记---函数
    SSD技术扫盲之:什么是NVMe? NVMe SSD有什么特点?
    云原生存储系列文章:云原生应用的基石
    发财树的养殖方法
  • 原文地址:https://www.cnblogs.com/jodie-blog/p/5024331.html
Copyright © 2020-2023  润新知