用户352321021825

书写位置 输入和输出 定义变量（定义存储的数据，方便后续的反复使用，使用方法直接输出变量名） 数据类型（变量的数据类型取决于赋的值） 获取数据类型

emmet语法 元素标签 案例1 案例2 练习 id：元素的唯一标记 class：给元素一个类名，可以重名，可以多个

块级元素：独占一行 行内元素：不会独占一行 div：容器、盒子 p：段落标签 行内块：./当前路径| ../上一级路径| /跟目录 （一般不用） ul：无序列表 111 222 333 ol：有序列表

今日要求：1.掌握html原生标签 2.H5语义化标签， 3.不用代码提示写出代码 4.分析结构

SEO优化：搜索引擎优化 ,需要注重语义化标签使用，以及Emmet语法。 语义化标签 Emmet语法

CSS语法基础： 1.书写位置 2.选择器 3.伪类选择器 CSS是一种用来表现HTML等文件样式的计算机语言，是对HTMl文件中设置的各种标签添加各种各样的样式与表达方式。

伪元素、 选择器优先级（权重）、 单位。 css伪元素代表了某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。

!important（正无穷）>行内（1000）>id选择器（100）>class选择器（10）>标签选择器（1）>通配选择器（0） 同一个花括号设置相同的样式，以最后的为准，前边的会被覆盖，样式冲突

选择器 1.行内写样式（避免出现行内写法） 2.在head中写，用style标签写样式 3.外连写样式（常用） id选择器：# class选择器 . 空格键：后代选择器 > 子代选择器 , 并集选择器