标记
排版

1.大写变小写 2.小写变大写 3.首字母大写

P标签

P标签

bootstrap中p标签
文本排版大小写
文本排版对齐
【Bootstrap中的排版】
【文本】
段落:p标签——默认:14px;行高:20px;底部外边距:10px
【对齐】
class = "text-left":左对齐
class = "text-center":居中对齐
class = "text-right":右对齐
【大小写】
class = "text-lowercase":字母小写
class = "text-uppercase":字母大写
class = “text-captialize”:首字母大写
【标签】
<mark>强调文字,底边变黄,高亮标记</mark>
<del>删除文字,中间有横线</del>
<ins>标记插入,下划线</ins>
<u>下划线</u>
<small>副标题,文字变小,字体比标签外的字体变小</small>
<strong>标签加粗字体</strong>
| 标签 | 标签名意义 |
<mark></mark> | 标记/高亮 |
<u></u> | 下划线 |
<ins></ins> | 下划线 |
<small></small> | 文字变小 |
<storng></storng> | 字体加粗 |
<del></del> | 字体删除线 |
class属性值 | 样式解释 |
text-center | 段落居中 |
text-right | 段落居右 |
text-left | 段落居左 |
bootstrap中的排版-对齐(对齐和大小写皆用类名进行标记)
文本的对齐
.text-left
.text-center
.text-right
大小写
.text-lowercase(大写变小写)
.text-uppercase(小写变大写)
.text-capitalize(首字母大写,后面的小写)
双标签
mark标签包括的文字加粗还有黄色的底边
del标签包括的文字中间有条横线
ins标签包含的文字加了下划线,让读者知道这是引用文本
下划线还可以用<u></u>
small标签可以使标签内的文字变的小一些
strong标签可以使标签内的文字加粗
排版--文本
.text-left 内容左置
.text-center 内容居中
.text-right 内容右置
.text-lowercase 内容变成小写
.text-uppercase 内容变成大写
.text- capitalize 内容首字母变大写
【Bootstrap中的排版】
【文本】
段落:p标签——默认:14px;行高:20px;底部外边距:10px
【对齐】
.text-left,给指定段落添加该类名,产生左对齐效果
.text-center
.text-right
【大小写】
.text-lowercase,将指定内容添加该类名,转换其中大写字母为小写样式
.text-uppercase
.text-capitalize,首字母大写(每个独立单词的)
【标签】
<mark>强调文字,底边变黄</mark>
<del>删除文字,中间有横线</del>
<ins>标记插入,下划线</ins>
<u>下划线</u>
<small>副标题,文字变小,字体比标签外的字体变小</small>
<strong>标签加粗字体</strong>
内联标签span并列排版标题
p标签:
默认:14px
行高:20px;
底部外边距:10px
<mark></mark>:高亮标记
<del></del>删除标记
<ins></ins>下横线标记
<small></small>缩小标记
class = "text-left":左对齐
class = "text-center":居中对齐
class = "text-right":右对齐
class = "text-lowercase":字母小写
class = "text-uppercase":字母大写
class = “text-captialize”:首字母大写
p标签:
默认:14px
行高:20px;
底部外边距:10px
<mark></mark>:高亮标记
<del></del>删除标记
<ins></ins>下横线标记
<small></small>缩小标记
class = "text-left":左对齐
class = "text-center":居中对齐
class = "text-right":右对齐
class = "text-lowercase":字母小写
class = "text-uppercase":字母大写
class = “text-captialize”:首字母大写
<mark>
<del>
<ins>
<u>
text-uppercase
text-lowercase
text-capitalize
Bootstrap中的排版-大小写
Bootstrap中的排版-对齐
bootstrap 学习笔记
mark
del
ins
strong
lowercase整体变小写
Bootstrap中的排版:文本
段落:p标签——默认:14px;行高:20px;底部外边距:10px
Bootstrap中的排版:对齐
.text-left,给指定段落添加该类名,产生左对齐效果
.text-center
.text-right
Bootstrap中的排版-大小写
.text-lowercase,将指定内容添加该类名,转换其中大写字母为小写样式
.text-uppercase
.text-capitalize,首字母大写(每个独立单词的)
标签:<mark>加黄色背景色,<del>中间加删除线,<ins>标记插入,加下划线,<u>标签也是加下划线,<small>副标题标签,市字体比标签外的字体变小,<strong>标签加粗字体
<mark>强调文字,底边变黄</mark>
<del>删除文字,中间有横线</del>
<ins>下划线</ins>
<u>下划线</u>
<small>文字变小</small>
text-lowercase 小写
text-uppercase 大写
text-capitalize 首字母大写
Bootstrap中的排版:文本
段落:p标签——默认:14px;行高:20px;底部外边距:10px
Bootstrap中的排版:对齐
.text-left,给指定段落添加该类名,产生左对齐效果
.text-center
.text-right
Bootstrap中的排版-大小写
.text-lowercase,将指定内容添加该类名,转换其中大写字母为小写样式
.text-uppercase
.text-capitalize,首字母大写(每个独立单词的)
标签:<mark>加黄色背景色,<del>中间加删除线,<ins>标记插入,加下划线,<u>标签也是加下划线,<small>副标题标签,市字体比标签外的字体变小,<strong>标签加粗字体
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> </head> <body> <p><mark>京东方刚接电话官方就好的</mark><del>打电话规范和低功耗</del><ins>束带结发对方好感的回复</ins>接电话防静电放得开阿道夫客户端高房价和第三个看风景行家对方水电费宫颈癌开会时都会否定</p> <p>速度和法国红酒的看法噶大商股份集合的官方水电费关键是地方顾客收到货分割的撒谎发给接电话给谁看回复噶几速度和官方就好束带结发还是大法官嘉实多</p> <p class="text-center">jhfjkdfkgdhfgdhfgdf</p> <p class="text-right">独守空房给的开发的华国锋很多国家</p> <p class="text-left">是经典款粉红色大规范化的加工费会感到</p> </body> </html>



文本效果,mark标记del删除ins下划线u下划线small字体缩小strong字体加粗class="text-left"左对齐
text-left、text-center、text-right、text-lowercase、text-uppercase