使用表格<table></table>对网站首页进行布局有缺陷，不能拖动版块，不灵活。
DIV
Div是一个html的标签，单独使用没有意义，必须结合CSS使用；
是一个块级元素，单独占一行；
它主要用于页面的布局；
Span
Div是一个html的标签，单独使用没有意义，必须结合CSS使用；
是一个内联元素，显示一行；
它主要用于对括起来的内容进行样式的修饰；
CSS
层叠样式表：同一元素，同一属性，设置不同值；
解决内容与表现分离的问题（html只能将元素展现出来，内容样式无法展示出来），对内容进行修饰；
语法和规范：
设置样式：
<style></style>
*第一种写法：写在<head></head>内部
<style></style> 内部：
（选择器：用于快速查找需要设置样式的元素）
选择器{
属性名1:属性值1；
属性名2:属性值2(；)
}
*冒号是英文输入法的
*最后一个分号可以省略
基本选择器：(3种)
- 元素选择器：对整体设置样式（div）
例子：
1 2 3 4 5 6元素选择器 7 8 14 15 1617 哈哈哈哈哈11181920 哈哈哈哈哈22212223 哈哈哈哈哈33242526 哈哈哈哈哈44272829 哈哈哈哈哈553031 32 33
结果：
- 类选择机器：部分设置样式（. class名字）
例子：
1 2 3 4 5类选择器 6 7 13 14 1516 哈哈哈哈哈11171819 哈哈哈哈哈22202122 哈哈哈哈哈33232425 哈哈哈哈哈44262728 哈哈哈哈哈552930 31
结果：
- id选择器：单个设置样式（# id名）
*注意：虽然44可以实现样式，但不是id选择器的目的，此处是有问题的。使用时只设置一个。
例子：
id选择器 哈哈哈哈哈11哈哈哈哈哈22哈哈哈哈哈33哈哈哈哈哈44哈哈哈哈哈55
结果：
其他选择器
- 层级选择器：层次选择样式(div p)
例子：
1 2 3 4 5 6层级选择器 7 13 14 15 1617 哈哈哈哈哈11181920 哈哈哈哈哈22212223 哈哈哈哈哈332425263027 哈哈哈哈哈5528
2931 哈哈哈哈哈553233 34 35
结果：
- 属性选择器：属性选择样式( input[type='..' ] )
例子：
1 2 3 4 5属性选择器 6 15 16 17 用户名：18 密码：19 20
结果：
