zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    CRM 跳转到数据修改页面、动态生成model,form、增加新增页面——第21天
    CRM 日期字段过滤功能——第21天
    CRM多条件查询——第20天
    CRM排序——第19天
    CRM_分页显示——第18天
    CRM分页 ——第17天
    CRM多条件筛选和分页——第16天
    python global、nonlocal、闭包、作用域——第10天
    uniAPP view 和 swiper
    uniAPP tabBar 设置
  • 原文地址:https://www.cnblogs.com/jodie-blog/p/5024331.html
Copyright © 2011-2022 走看看