4、CSS语法:
格式:
选择器{
属性名1:属性值1;
属性名2:属性值2;
...
}
选择器:筛选具有相似特征的元素
注意:
每一对属性需要使用;隔开,最后一对属性可以不加;
5、选择器:筛选具有相似特征的元素
分类:
1.基础选择器:
1.id选择器:选择具体的id属性值的元素,建议在一个html页面中id值唯一
语法:#id属性值{}
2.元素选择器:选择具有相同标签名称的元素
语法:标签名称{}
注意:id选择器优先级高于元素选择器
3.类选择器:选择具有相同class属性值的元素
语法:.class属性值{}
注意:类选择器优先级高于元素选择器
2.扩展选择器:
1.选择所有元素:
语法:*{ }
2.并集选挥器:
选择器1,选择器2{}
3.子选摔器:筛选选择器1元素下的选择器2元素
语法:选择器1 选择器2{}
4.父选择器:筛选选择器2的父元素选择器1
语法:选择器1 >选择器2{}
5.属性选择器:选择元素名称,属性名=属性值的元素
语法: 元素名称[属性名=“属性值"]{}
6.伪类选挥器:选择一些元素具有的状态
语法:元素:状态{}
”如: <a>
状态:
link :初始化的状态
visited :被访问过的状态
active:正在访问状态
hover :鼠标旭浮状态
6、属性
1.字体。文本
font-size :字体大小
color :文本颜色
text-align: 对其方式
line -height :行高
2.背景
background:
3.边框
border:设置边框,复合属性
4.尺寸
width:宽度
height:高度
5.盒子模型:控制布局
margin:外边距
padding :内边距
默认情况下内边距会影响整个盒子的大小
box-sizing:border -box;设置盒子的属性,让width和height就是最终盒子的大小
float :浮动
left
right