CSS:页面美化和布局控制
Cascading Style Sheets 层叠样式表
层叠:多个样式可以作用在同一个html的元素上,同时生效
CSS的使用:CSS和HTML结合方式
1、内联样式
2、内部样式
3、外部样式
CSS语法:
格式:选择器{
属性名1:属性值1
属性名2:属性值2
}
选择器:筛选具有相似特征的元素
选择器:
1、基础选择器
1.id选择器:选择具体属性值的元素
#id属性值{} 建议id值唯一
2.元素选择器:选择具有相同标签名称的元素
标签名称{} id选择器优先级高于元素选择器
3.类选择器:选择具有相同class属性值的元素
.class属性值{} 类选择器优先级高于元素选择器
2、扩展选择器
1.选择所以元素:*{}
2.并集选择器:选择器1,选择器2{}
3.子选择器:选择器1 选择器2{} 筛选选择器1元素下的选择器2元素
4.夫选择器:筛选选择器2的父元素选择器1 选择器1 > 选择器2{}
5.属性选择器:选择元素名称,属性名=属性值的元素 元素名称[属性名="属性值"]{}
6.伪类选择器:选择一些元素具有的状态