1、有序列表（order list）<ol type="" start=""><li>1</li></ol>type属性的值有五个(1、A、a、I、i)，start属性规定有序列表的开始点
2、无序列表 <ul type=""><li>2</li></ul>type属性默认的值是disc，还有square、circle.
3、自定义列表 <dl><dt>自定义列表的标题</dt><dd>11</dd<dd>111</dd></dl>，通常的应用场景是图文混排.
4、<div></div>标签
5、<span></span>标签
6、嵌套关系：独占一行的可以嵌套多个在一行显示的元素，但反之不成立。对于独占一行的元素，一般的情况是div嵌套其他类型的元素。页面的结构一般是div进行嵌套。
7、与用户做交互的所有的元素都是表单元素。表单的作用：用来收集用户的信息的。<form action="" method="" enctype=""></form>.自带的action属性：可选值是接口的url地址，把表单采集到的数据，提交到哪个接口中（一般是后端提供的）。method：可选值是GET或者是POST，代表的是数据的提交方式（默认值是GET）。form表单既负责采集数据，又负责把数据提交到服务器。表单的默认提交行为会导致页面的跳转。解决方案：form表单只负责采集数据；Ajax负责将数据提交到服务器
8、通过Ajax提交表单采集到的数据，可以防止表单默认提交行为导致的页面跳转问题，提高用户的体验。I、监听表单的submit提交事件。II、阻止默认提交行为。III、基于axios发起请求。IV、指定请求方式、请求地址。V、指定请求体数据
9、form表单，input的标签属性value作用：第一个就是提示信息，第二个就是存储提交到后台的数据
10、codeium插件的安装以及使用
11、link和import的区别：I、从属关系区别。@import是 CSS 提供的语法规则，只有导入样式表的作用；而link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。II、加载顺序区别。加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。III、兼容性区别。@import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。IV、DOM可控性区别。可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。V、权重区别。link引入的样式权重大于@import引入的样式。
12、background-color: green !important;!important 样式权重最大
13、基础选择器：标签选择器、类名选择器（.）、id选择器(# 一个id名称只能对应文档中一个具体的元素对象)
14、层级选择器（子代选择器、后代选择器）：子代选择器（选择器1>选择器2>选择器3,一层一层书写)。后代选择器（选择器1 选择器2 选择器3）
15、css选择器的权重，当多个选择器，选中的是同一个元素，且都为他们定义了样式，如果属性发生冲突了，会选择权重高的来执行。
16、css中用四位数字表示权重，权重（特殊性）的表达式如：0，0，0，0。id(100)>class(10)>tag(1)。其中伪类选择器的权重为10
17、权重：！important>行内样式>id>class>tag。
18、权重的计算:累计叠加
19、伪类选择器：a:link{} 超链接的初始状态
a:visited{} 被访问后的状态
a:hover{} 鼠标悬停，即鼠标划过超链接时的状态
a:active{} 超链接被激活时的状态
顺序：lvha
20、选择器权重
通配符选择器：0
标签选择器：1
类选择器：10
id选择器：100
行内权重：1000
！important：9999
