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;层在浏览器的水平中间
插背景图片优于*
week1_day2_1108
最新推荐文章于 2024-09-07 15:10:08 发布