Bootstrap第二式

根据Bootstrap第一节我们了解到了一些关于Bootstrap的基本知识,什么是Bootstrap,为什么用,用在哪里,怎么用。在Bootstrap第二式我们近一半了解一些关于Bootstrap的样式和方法

Bootstrap第二是=式我们从排版,代码,表格近一步去了解


一.排版

页面主体
    Bootstrap将全局font-size设置为14px,line-height设置为20px
段落的行高设置为10px,颜色设置为#333【通过F12查看】
    段落突出显示:通过.lead类可以让段落突出显示

标题
    标签:<h1>...<h6>
    副标题:在<h1><small>副标题</small></h1>
    样式:class="h1"....class="h6"

内联文本元素
    标记 class="mark"
    线条
        删除文本 <del>或<s>
        下划线 <u>或<ins>
    强调文本
        小字体 <small>:标准字号的85%
        加粗<strong>
        倾斜<em>

对齐
    居左:class="text-left"
    居中:class="text-center"
    居右:class="text-right"

改变大小写
    大写 class="text-uppercase"
    首字母大写 class="text-capitalize"
    小写 class="text-lowercase"
缩略语
    当鼠标悬停在缩写和缩写词上就会显示完整内容
    基本缩略语<abbr title="完整内容">
    首字母缩略语<abbr title="完整内容 class="initialism">
地址
    让联系信息以最接近日常使用格式呈现
    <address>地址</address>

引用
    在你的文档中引用其他来源的内容
    默认样式的引用:<blockquote>
    右对齐样式引用:<blockquote class="blockquote-reverse">
    命名引用来源
        添加<footer>用于标明引用来源
来源的名称可以包裹进<cite title="">中

列表
    有序列表<ol><li>
    无序列表<ul><li>
    无样式列表<ul class="list-unstyled">
    内联列表<ul class="list-inline">
    描述列表
        格式:
<dl>
    <dt>...</dt>
    <dd>...</dd>
</dl>
    水平排列的描述:<dl class="dl-horizontal">
 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值