bootstrap框架---文字排版

 首先在文件开头引入bootstrap框架的样式文件bootstrap.css

1.hn标签的字体大小:h1=36pxh2=30px h3=24px h4=18px h5=14 h6=12px

<h1>框架</h1>

<h2>框架</h2>

<h3>框架</h3>

<h4>框架</h4>

<h5>框架</h5>

<h6>框架</h6>

2.small:元素副标题。如果需要向任何标题添加一个内联子标题,只要在元素两边添加<small>得到一个字号更小的颜色更浅的文本,效果如下:

3.<mark>标记文本有浅色背景色

<p>这个文本很重要<mark>去北京开会</mark></p>

效果如下:

4.各种加线的文本

    <del>删除线</del>

<s>无用线</s>

<ins>插入的文本</ins>

<u>下划线</u>

效果对应如下:

5.各种强调文本

<small>标准字号的85%</small>(区别于h标签里的samll标签)

<strong>加粗700</strong>

<em>倾斜</em>

效果对应如下:

6.文字对齐

<pclass="text-left">居左</p><br>

<pclass="text-center">居中</p><br>

<pclass="text-right">居右</p><br>

<pclass="text-justify">两端对齐</p><br>

效果如下:

7.字体大小写

<pclass="text-lowercase">BOOTSTRAP小写</p><br>

<pclass="text-uppercase">Bootstrap大写</p><br>

<pclass="text-capitalize">bootstrap大写</p>(首字母大写)

效果如下:

8.缩略语 当鼠标斤经过的时候有一个问号

Bootstrap<abbrtitle="Bootstrap" class="initialism">框架</abbr>

9.地址文本:设置地址,去掉了倾斜,设置了行高,底部20px;abbr 标签简称或者缩写,通常对缩写进行标记,能够为浏览器,拼写检查和搜索提供有用的信息

<address>

    <strong>Boot</strong><br>

    795 Botts 600<br>

    sanformdedce 94107<br>

    <abbrtitle="phone">p:</abbr>

        (123)456-700

</abbr>

</address>

效果如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值