Bootstrap知识点

1.标题类

        

<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <hr>
    <div class="h1">一级标题<small>我是副标题</small></div>
    <div class="h2">二级标题<small class="text-muted">我是副标题</small></div>
    <div class="h3">三级标题</div>
    <div class="h4">四级标题</div>
    <div class="h5">五级标题</div>
    <div class="h6">六级标题</div>
    <hr>
    <p class="display-1">display1</p>
    <p class="display-2">display2</p>
    <p class="display-3">display3</p>
    <p class="display-4">display4</p>
</body>

2.文本类

        段落cp>元素是网页布局中的重要组成部分,在Bootstrap中为文本设置了一个全局的正文文本样式,包括对字体和字号,行高、颜色的基础没置。除此之外。为了显示美观,同时便于用户阅读。特意给p元素设置了margin值。
        在实际项目中,对于一些重要的文本。开发者往往希望对这些文本进行特殊的样式设置,以突显其重要性。

        2.1强化文本

                Bootstrap中提供了一些常用的内联元素来对文本进行强化突显重要内容,以实现风格统一、布局美观的效果.见下表所示.

标签描述标签描述
<br>和<strong>文本加粗<mark>标记,高亮显示
<del>和<s>删除线<address>表示地址
<ins>和<u>下划线<footer>出处
<em>和<i>斜体<cite>出处
<blockquote>引用块,长引用<abbr>缩略图,鼠标悬停在该文本上是,显示title的属性值

        2.2文本颜色

类名描述
.text-primary首选文本颜色,重要的文本
.text-secondary副标题颜色
.text-success成功文本颜色
.text-muted柔和颜色
.text-danger危险提示文本颜色
.text-info一般提示信息文本颜色
.text-warning警告信息文本颜色
.text-dark深灰色文本
.text-bodybody文本颜色
.text-light浅灰色文本


 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值