week1_day2_1108

CSS样式表：内容与设计分离

四种选择器：
1.标签选择器；
2.类选择器（调用方式： .class）；
3.ID选择器（调用方式：#id）;
4.通配选择器（调用方式：*标签名）；
css分类：
1.行内样式表；
2.内嵌样式表；
3.外部样式表；
注：优先级遵循就近原则
div,span容器：
div：块级标签
span：行级标签
display:block;转换为块级标签，默认独占一行；
display:inline;转换为行级标签
常用样式：
1.text-decoration:none;去掉下划线
2.list-style:none;去掉列表序号
3.background-repeat:norepeat;背景图片不重复
4.伪类样式：针对某个标签的某个状态的样式
标签名：状态名{
}
状态名：link,visited,hover,active
5.line-height: __ px;文字默认在垂直方向居中
盒子模型：
1.width:内容宽度
2.padding:内边距，内容与边框的距离
3.border:边框
4.margin:外边距，边框与另一个标签的距离
5.float:left;向左浮动
*注：初始设置：
body{
margin:0px;
}(必须设置)
ul{
margin:0px;
padding:0px;
}
margin:auto;层在浏览器的水平中间
插背景图片优于*