文本标签：
em标签泳衣表示一段内容中的着重点
strong标签用于表示一个内容的重要性
通常em显示为斜体，而strong显示为粗体
<i>和<b>
i标签会使文字变为斜体
b标签会使文字变为粗体
em和i的区别是em是着重语气而i没有语义
i和d只是想要设置文本特殊显示，
<small>small标签表示细则一类的旁注，通常包括负责声明，注意事项，法律限制，版权信息等。
通常在显示器上会比显示一个比父类元素小的字号
<cite>
使用cite标签可以指明对某内容的引用后参考，
格式：<cite>《书名》</cite>
<blockquote> 和<q>
<blockquote>在使用时标签里的内容会自动换行
<q> 内的内容会自动加上引号
<sup>和<sub>
sup和sub用于定义上标和下标
上标比如10的2次方/
<p><sup><a herf="x">[1]</a><sup></p>
下标用于化学名称H2O
<ins>和<del>
ins表示插入的内容，显示是通常会加上下划线
del表示删除内容，显示是通常会加上删除线
<code>和<pre>
如果你的内容包含代码事例或文件名，就可以使用code元素在有代码的情况下缩进不会出错。
pre元素表示的是预格化文本，可以使用
pre包住code来表示一段代码。
<pre>
<code>
while True:
print('aaaaa')
<code>
<pre>
px
如果我们将一个图片放大的话，我们会发现一个图片 是有一个一个的小色块构成的，这一个小色块就是一 个像素，也就是1px，对于不同的显示器来说一个像素 的大小是不同的。
百分比
也可以使用一个百分数来表示一个大小，百分比是相 对于父元素来说的，如果父元素使用的大小是16px， 则100%就是16px，200%就是32px。
em
em和百分比类似，是相对于font-size说的
1em = 1font-size
字体大小
font-size用来指定文字的大小。
通过font-damily 可以指定标签中文字使用的字体
例如：p{font-family：“微软雅黑”l}
指定p标签中使用微软雅黑作为字体
通过font-family可以同时指定多个字体
例如：P{font-family：”微软雅黑“，Arial，等，等}
字体用逗号隔开，
斜体和粗体
font-style用于指定文本的斜体
-指定斜体：font-style:italic
-指定非斜体：font-style:normal
font-weight用于指定文本的粗体。
指定粗体：font-weight：bold
指定非粗体：font-weight：normal
小型大写字母
font-cariant属性可以将字母类型这只为小写
型大写。在改样式中，字母看起来像是尚未缩小了尺寸的大写字母。
-font-variant:small-caps
字体属性的简写
font可以一次性同时可以设置多个字体的样式。
语法：-font：加粗 倾斜 小型大写 大小/行高 字体
，大小和字体必须写在最后， 前面的倾斜加粗小型大写顺序随意
行间距
line-height用于设置行高，行高越大则行间距越大。
行间距=line-height-font-size
大写化
text-transfiem样式用于将元素中的字母全部变成大写。
大写：text-transfom:uppercase
小写：text-tansform:lowercase
首字母大写：text-transform:capitallize
正常：text-transform:none
文本的修饰
text-dexoration属性，用来给文本添加各种修饰。通过他可以给文本的上方，下方或者中间添加线条。
-underline 下划线
-overline 上划线
-line-through 删除线
-none 原样输出
字母间距和单词间距
letter-spacing用于设置字符之间的间距
word-spacing 用于设置单词之间的间距
对齐文本
text-glign 用于设置文本的对齐方式、
-left： 左对齐
right：右对齐
-justify：右对齐
-center: 居中对齐
首行缩进
-text-indent 用来设置首行缩进。
使用em单位设置长度
盒子模型
一个盒子我们会分为几个区域
内容区（content）
内边距（padding）
边框（borber）
外边框（margin）
通过width和height两个属性可以设置内容区的大小
使用padding属性可以来设置元素的内边距
padding：10px 20px 30px 40px这样会设置元素的上下左右四个放下的内边距
边框
可以在元素周围创建边框，边框是元素课件的最外部。可以使用border属性来设置盒子的边框：
-border：1px red solid：
上边的样式分别指定了边框的宽度，颜色 样式
也可以使用border-top/left/right/bottom分别指定上下左右 四个方向的边框
