传统布局：
- 缺点
1.显示样式和数据是绑定在一起
2.布局的时候灵活性不高
3.一个页面可能存在大量代码冗余
4.增加大小
5.搜索引擎对这种页面搜索比较麻烦
- 优点
1.理解比较简单
2.不同浏览器看到效果相同
3.显示数据很好
div+css布局：
- 特点
Div 来存放显示的数据（文字，图表）
Css来指定如何显示内容
- 优点
1.符合W3C标准
2.搜索引擎更加友好
3.样式调整更加方便。内容和样式的分离，使页面和样式调整更加方便
4.CSS的极大优势表现在简洁的代码
- css使用的基本语法
(css可以使用滤镜)
选择器{
属性1:属性值;
属性1:属性值;
}
css中四种常用的选择器：
1.类选择器 .类选择器名{属性名:属性值;}
2.id选择器 #id选择器名{属性名:属性值;}
3.元素选择器 html元素名称属性名:属性值;}//link 静止hover 悬停visited 被访问
4.通配符选择器
※{
margin-top:0px;
margin-left:0px;
}
margin后面值：
1.四个值分别作用于上右下左
2.一个值作用于四边
3.两个值第一个作用于上下，第二个作用于左右
4.三个值第一个作用于上，第二个作用于左右，第三个作用于下。
5.父子选择器
就是选择器组合
