前端的开发工具：HBuilder WebStorm VScode Sublime
查看文档：1.www.w3school.com.cn 2.www.runoob.com
Html(超文本标记语言)： 版本Html4 Html5
CSS层叠样式表(Cascading Style Sheets)：用于网页的排版和美化
1.样式定义如何显示Html元素。
2.样式储存在样式表里。
3.外部样式表可以极大的提高工作效率。
4.外部样式通常储存在CSS文件当中。
5.多个样式可重叠为一。
层叠次序：
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
1.浏览器缺省设置
2.外部样式表
3.内部样式表（位于
4.内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明： 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
总结：以上三种样式是有优先级的 内联样式>内部样式>外部样式。
内部样式表>外部样式表有一个前提：外部样式表一定要写在内部样式表的前面。总体来说：就近原则（离被设置元素越近优先级就越高）
CSS类选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
id 选择器以 "#" 来定义。
类选择器：.选择器名称
id选择器与类选择器的区别？
相同点：可以应用于任何html元素
不同点：
1.id选择器只能在文档中使用一次而类选择器可以使用多次
2.可以使用类选择器为一个元素同时设置多个样式，而id选择器是不可以的。
-子元素选择器：使用（>）主要用于选择指定标签元素的第一代子元素
-后代选择器：可以使用（空格）用于选择指定标签元素下的后代元素
总结：>作用于元素的第一代后代 空格：作用于元素的所有后代
通用选择器（*）：它的作用是匹配html中所有的标签元素
分组选择器：element,element
注意：
1.CSS是具有继承性的：它就是一种规则，它允许样式不仅应用于某个特定的html标签元素，而且也可以应用其后代。
2.CSS是具有特殊性的，浏览器会根据一个权值一判断使用哪一种样式。使用的是权值最高的样式。
权值规则：
对于同一个元素设置了不同的css样式，此时根据权值来判断使用哪种样式，选择权值高的样式进行设置。
权值的定义：标签的权值为1 类选择器的权值为10 ID选择器权值为100
P span 它的权值如何计算：1+1=2
P span .waring 它的权值是：12
3.CSS具有层叠性：当权值相同的时候，后面的样式会覆盖前面的样式。
4.重要性(!important)在属性后面使用!important，会覆盖页面内任何位置定义的元素样式。
元素的分类：
Html中的标签分类：块级元素 内联元素（行内元素） 内联块级元素
常见的块级元素：
- 定义列表
- 定义列表中的项目