前提声明：所有内容均为之前学习过程中的笔记和个人总结，（无法避免雷同，敬请谅解，如有侵权，私信删除）。如有错误之处请各位大佬不吝赐教。
（笔记内容将包括 HTML(5)/CSS(3)/JS/bootstrap/less/jQuery/ajax/ES6/promise/axios/Vue2/vue3/npm 以及如何搭建一个java springboot后端服务器与前端进行交互）
下篇预告：盒子模型
一、无序列表
无序列表：<ul>
<li>内容一</li>
<li>内容二</li>
</ul>
记忆小窍门：拼音u 的发音 标签包裹的就是无序列表
二：有序列表
有序列表：<ol>
<li>内容一</li>
<li>内容二</li>
</ol>
记忆小窍门：有 字拼音的发音 you 发o 就是有序列表
1、列表都是都是块级元素每一列都独占一行。
2、块级元素都是可以使用 width 和heigth设置宽高的。
3、这两个列表创建出来都是有默认的序列样式，一般我们使用li来创建导航时
都不希望出现序列样式： 这样我们可以使用CSS样式设置 li{ list-style: none;}来取消默认样式
三、自定义列表
<dl>
<dt>主要内容</dt>
<dd>对主要内容的解释</dd>
<dl>
dt标签对应其他列表的li标签， dd是自定义列表独有的标签，是对dt标签内容的补充说明。
----------------------------------分割线------------------------------
一、尺寸单位： 具体详情可以查看帮助文档，这里只做简单记录。
%：以百分号为单位的长度或者宽度，都是根据父级元素的变化而变化的。可以用来创建自适应页面。
px： 像素单位 就是屏幕分辨率的单位，是图像组成的最小单位
em: 1em=1font-size 当字体大小发生改变时，em也会变化。
二、字体大小
font-size： 设置的不是文字本身的大小，而是每个字所在格子的大小，
因此在一些常见下，我们会发现一个文字占据的空间比实际的字体要大一些。
font-family:"中华行楷" 设置字体样式
line-height：设置行高，通过设置行高来控制行间距。 行间距=行高-字体大小。
设置line-height：100%时 行高是会随着字体的变化而变化。
设置line-height:1 接收数值时，行高=字体大小 * 数值
font：是字体样式的简写属性，一般可以将字体常用的样式全部设置完。
但是要注意的是，如果单独设置行高，那么行高要写在font的下边。不然font的默认样式会覆盖掉行高。
三、文本常用样式
text-align属性：用于设置文本的对齐方式
属性值：left 默认值 文本靠左对齐
right 文本靠右对齐
center 居中对齐
justify 两端对齐（通过调整字间距 来达到两端对齐）
text-indent：2em 首行缩进 使用2em单位根据两个字体的大小缩进，也就是缩进两字符文本对齐
letter-spacing: 0.5cm ;` 单个字母之间的间距
word-spacing: 1cm;` 单词与单词之间的间距
text-decoration: underline;
字体修饰：**underline下划线**、line-through中划线、overline上划线
text-transform: lowercase;` 单词字体大小写。uppercase大写、lowercase小写
color:red;` 字体颜色
text-transform: lowercase; 单词的字体大小写。属性值可以是：`uppercase`（单词大写）、lowercase`（单词小写）、`capitalize`（每个单词的首字母大写）
