用div+css重新布局首页
<div></div>:块标签
行内块标签：<span></span>
css:层叠样式表
作用：渲染页面，提高工作效率
和html元素的整合:
方式一：内联样式表 通过标签的style属性设置样式
方式二：内部样式表 在当前页面中使用的样式
通过head标签的style子标签导入例如：
<style>
#divid2{
background-color:red;
}
</style>
方式三：外部样式表，有独立的css文件，通过head标签的link子标签导入
例如：<link rel="stylesheet" href="css/01.css" type="text/css" /
选择器：
id选择器
要求：html元素必须要有id属性且有值 <xxxx id="xxx"></xxxx>,css中通过#引入，后面加上id的值:#xxx{xxxxxxx}
class选择器
要求：html元素必须要有class属性且有值 <xxx class="xxx"></xxxx>,css中通过 .class来引入，后面加上id的值：.classxxx{xxxx}
元素选择器
要求：直接用元素(标签名)即可，xxx{xxxx}
使用的时候注意：若多个样式作用于同一个元素时，根据就近原则，多个选择器作用于同一个元素上时，越特殊优先级越高。
派生的选择器
属性选择器
要求：
html元素中必须有一个属性不论属性是什么且有值 <xxx nihao="wohenhao"/>
css中通过下面的方式使用，元素名[属性=“属性值”]{。。。。}
后代选择器
选择器 后代选择器{。。。} 在满足第一个选择器的条件下找后代的选择器，给满足条件的元素添加样式
锚伪类选择器
a:link {color:#ff0000} /未访问的链接/
a:visited {color:#00ff00} /已访问的链接/
a:hover {color: #ff00ff} /鼠标移动到链接上/
a.active {color:#0000ff} /选定的链接/
属性（了解）
字体
font-faminly：设置字体 设置字体家族
font-size：设置字体大小
font-style：设置字体风格
文本：改变文本的颜色、字符间距、对齐文本，装饰文本，对文本进行缩进
color：文本颜色
line-height：设置行高
text-align：对齐文本
列表
list-style-type：设置列表项的类型 例如 实心圆或者空心圆
list-style-image：设置图片作为列表项类型 使用的时候使用url函数 url(/i/arrow.gif)
背景
background-color：设置背景颜色
background-image：设置图片作为背景
尺寸
width：
height：
浮动
float：可选值 left right
clear：设置元素的两边是否有其他的浮动元素
值为：both 两边都不允许有浮动元素
分类
display：设置是否及如何显示元素
none：此元素不会被显示
block：此元素显示为块级元素，此元素前后会带有换行符
inline 默认 此元素会被显示为内联元素，元素前后没有换行符
框模型（理解）：
一个元素外面有padding（内边距）border（边框）margin（外边距）
padding：元素和边框的距离
margin：元素最外层的空白
上面这3个属性都有简写的属性：
padding：10px，10px，10px，10px
若设置大小的时候4个值，上右下左
若只写一个值，就代表4个表都使用同一个值
border（边框）
还可以设置颜色，风格
简写属性：
border：宽度，风格，颜色；
border：5px solid red
solid：实线
dashed：虚线
double：双实线