2.css
cascading style sheets 层叠样式表
层叠:多个样式可以作用在同一个html元素上,同时生效
好处:1.功能比较强大
2.将元素展示和样式控制分离降低耦合度。解耦,让分工合作更容易,提高开发效率
css的使用:css、与html的结合方式
1.内联
3.外联 1.先定义一个css文件
2.在head中 定义link标签,在src中引入标签
css语法
选择器{
属性名:属性值;
属性1:值一;
。。。
}
选择器:选择具有相似特征的元素
注意:每一对分号必须写
1.分类
1.基本选择器
1.id选择器
#div1{
}
2.元素选择器
标签名称{} div{}
id选择器高于元素
3.类选择器
.cls1{
}
类选择器优先于元素选择器
2.扩展选择器
1.选择所有元素
*{}
2.并集选择器
选择器1,选择器2{}
3.子选择器 div下的p标签
选择器1 选择器2{}
4.父选择器 有p的 div盒子
选择器1>选择器2{}
5.属性选择器 选择元素名称 属性名等于属性值
元素名称【属性名=属性值】{}
6.伪类选择器
a:状态
属性:
1.字体文本
font-size:字体大小
color:颜色
text-align 字体位置
line-height 行高
2.背景
background:url(图片路径) no repeat center;
3.边框
border 边框 复合属性
border 1px solid red;
4.尺寸
height
width
5.盒子模型
margin外边距,但是会改变盒子大小
box-sizing:border-box;
padding:内边距
float:浮动