一、页面的结构分析
1.header标题是头部标签（用于表示页面或者是页面之间的一块区域）
2.footer标记脚步的区域的内容（用于整个页面或者是页面之间的一块区域）
3.section用于web页面中的一块独立的区域
4.arltic独立的文章的内容
5.aside相关内容的应用（常常用于侧边框）
6.nav导航类输出的内容
二、CSS层叠样式表（cascading style sheet）
1.CSS的优势
①内容与表现的分离
②网页表现统一容易进行修改
③丰富的样式，使页面布局更加的灵活
④减少页面的代码量，增加页面的浏览速度，节省了网络的带宽
⑤运用独立页面的CSS有利于网页被搜索的引擎记录

三、CSS基本的使用法则
1.CSS语法规则

选择器是写在head标签中
选择器（选择的标签的内容）{
	设置标签的属性和值（或者是为标签添加内容）
}

2.选择器分为三种
①基本选择器（标签选择器）直接id{}
②id选择器只能用于单个标签的设置，用标签中的id，在head的style中调用的时候#id，一个id只能给一个标签使用
③类选择器标签中class属性在head中style中class的属性值（普遍使用类选择器，方便给标签进行修饰使用，比较灵活）
注意：三个选择器的选择修饰的范围：id<class<标签选择器
三个标签同时出现的时候，选择范围越小的选择器优先级越高也就是id选择器的优先级最高，与先后的顺序无关

四、CSS层叠样式表的三种引入方式
1.外部样式的引入
在style中@import url(“导入的地址”)
2.外部样式的引入 <link 导入的地址>通过连接标签
3.行内样式表（在每一个标签中都可以设置一个style属性进行对标签的修饰）

注意：CSS三种引入方式采用就近生效的原则，行内样式表最先生效
剩下俩个外部样式导入表会进行覆盖，谁在下方谁会实现，因为上方的会被下方的进行覆盖

五、字体样式、
1.font-family：设置字体类型
2.font-size：设置字体的大小
3.font-style：设置字体的风格
4.font-weight：设置字体的粗细normal正常400 bold粗体700，记住后面不加px
5.font在一个声明中设置所有字体的属性
font属性：字体属性的顺序：style-weight-size-family
六、div标签，网页布局排版的内容
div p h1----h6等是块元素，独占一行，可以设置宽度和高度，
sapn是典型的行内元素，超链接 图片 （设置高度和宽度是图片的）不是区域的，如果多个行内元素放在一起是可以并行的
七、文本样式
1.color设置文本颜色
2.text-align设置元素水平对齐方式：right left juestify
3.text-indent设置文本的缩进，先设置字体的大小，在设置缩进的程度用em
4.text-decoration设置文本装饰：underline overline line-through下上中
text-decoration:none 取消文本装饰，取消去除超链接标签的下划线
八、设置伪装类的顺序
设置伪装类的顺序：a:link–>a:visited–>a:hover–>a:active
a:link{连接未点击的样式}
a:visited{连接点击后的颜色}
a:hover{鼠标单击未释放}（最常用）
a:active{当鼠标放上去没有松开时显示的颜色}
九、设置光标样式
cursor:pointer;鼠标的指针模式
cursor：wait;鼠标是转圈的模式
十、背景属性
background:背景颜色，或者使用#16进制取色器取到颜色对应的编码
background-color:green直接通过背景属性来设置背景颜色
background-color:#0B9f11;
background-color:RGB(111,111,111);
background-color:RGBA(111,222,222,0.3);最后一个是透明度

添加背景图片默认情况下是平铺的
background-img:url(图片地址)图片是平铺的
background-repeat：repeat-x;横向平铺
background-repeat：repeat-y；纵向平铺
background-repeat：no-repeat;不重复
background-position：170px center;设置位置

十一、列表：有序列表，无序列表，定义列表
1.有序列表

	<dl>
		<dt></dt>
		<dd></dd>
		<dd></dd>
	</dl>