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

  • 相关阅读:
    left、pixelLeft、posLeft的区别
    mysql null 值查询问题
    把php.exe加入系统环境变量-使用命令行可快速执行PHP命令
    《软件测试》
    《软件实现》
    《面向对象设计》
    《面向对象分析》
    《面向对象基础》
    《软件工程中的形式化方法》
    《需求工程》
  • 原文地址:https://www.cnblogs.com/jodie-blog/p/5024331.html
Copyright © 2011-2022 走看看