表格布局的缺陷：
1、嵌套层级太多，一旦出现嵌套顺序错乱，整个页面达不到预期效果
2、采用表格布局，页面不够灵活，栋其中某一块，整个表格布局结构全都要变
HTML的块标签：
div标签：默认占一行，自动换行
span标签：内容显示在同一行
CSS概述：
Cascading Style Sheets：层叠样式表
主要作用：
用来美化我们的HTML页面
HTML 决定网页的骨架，CSS 化妆
将页面的HTML和美化分离
CSS的简单语法：
在一个style标签中，去编写CSS内容，最好将style标签写在这个head标签中、
CSS选择器：帮助我们找到我们要修饰的标签或元素
CSS的引入方式：
外部样式：通过link标签引入一个外部的css文件
内部样式：直接在style标签内编写CSS代码
行内样式：直接在标签中添加一个style属性，编写CSS样式
CSS浮动：浮动的元素会脱离正常的文档流，在正常的文档流中不占空间
CSS的优先级：
按照选择器搜索精确度来编写：
行内样式 > ID选择器 > 类选择器 > 元素选择器
就近原则：哪个离得近，就选用哪个的样式
CSS：层叠样式表
主要作用：
1、美化页面
2、将页面美化和HTML代码进行分离，提交代码的复用性
选择器：
元素选择器：标签的名称{ }
类选择器：以. 开头 .类的名称
ID选择器：以#开头，#ID的名称 （ID必须是页面上面唯一的）
CSS浮动：
float ：left，right 不再占有正常文档流中的空间，流式布局
clear：both left right
CSS绝对定位：
position ：absolute
top：控制举例顶部的位置
left：控制距离左边的位置