标签的语法规则： 对标签：<标签 属性=“值”></标签>
单标签：<标签 属性=“值”/>
常用的标签：h1-h6：标题标签文本加粗变大，依次变小，独占一行
p：段落标签，独占一行，p标签内不能嵌套任何独占一行的元素，只能嵌套文本，及只能占据自己内容的大小位置的元素
span：文本节点标签，只占据自己内容大小的位置
定位：改变元素的位置 定位属性：position 坐标属性：left right top bottom 定位值： relative：相对定位 1.占据文档流 2.参考自身加载到页面中的初始位置 3.能改变坐标属性
absolute ：绝对定位 1.脱离文档流 2.参考浏览器窗口或者参考最近的有定位的父级元素（默认定位除外） 3.能改变坐标属性
fixed：固定定位 1.脱离文档流 2.参考浏览器窗口的可视区域 3.能改变坐标属性
static：默认定位 1.添加与不添加对元素没有任何影响 2.不能改变坐标属性
sticky：粘性定位 1.结合了相对定位和固定定位的特性
包含块： 1.嵌套结构 2.父元素使用position：relative； 子元素使用position：absolute；
day2 div:盒子标签，独占一行，用来搭建页面结构 ul > li:无序列表标签，独占一行，默认小黑点修饰，通常取消小黑点 ol > li:有序列表标签，独占一行，默认阿拉伯数字排序，通常取消默认排序方式
css创建方式： 方式一：外部样式 1.创建一个独立的html文件，后缀为.html 2.创建一个独立的css文件，后缀为.css 3.关联 在html页面中的head标签里面添加
常用选择器： 三大基本选择器： id选择器： <标签 id="name"></标签> 【注】在同一个页面相同的id值只有一个，不能多次出现 在同一个id中只有一个值 具有唯一性
class选择器(类选择器)：
.name{}
【注】在同一个页面中个相同的class值可以多次出现
在同一个class中可以有多个值
具有重用性
类型选择器(标签选择器):
div{} p{} h1{}... 标签{}
<标签></标签>
后代选择器: 选择器1 选择器2 选择器3{} 选中1里面的2里面的3，最终选中的是指定位置的3
常用的css属性:
width:宽度；
height:高度；
float:浮动；
浮动的作用：让原本独占一行的元素在一行显示
浮动的影响：脱离文档流
值：
left
right
none
