CSS定义
CSS:Cascading Style Sheet(层叠样式表)
选择器 {
属性名: 属性值;
}
CSS样式表
(1)三种样式表使用
·1> 内联样式
<div style = 'width:100px ;height:100px'></div>
`2> 内部样式
<style type='text/css'>
div{
width:100px;
height:100px;
}
</style>
`3>外部样式
<link rel='stylesheet' type='text/css' herf=''>
选择器
(1)6大基础选择器
`1> id选择器:唯一对应
`2> 类class选择器:统一对应
`3> 标签选择器:初始化标签使用
`4> * 通配符标签
`5> 属性选择器:表单中input常用
`6> 最高优先权 !important
****** 权重值: !important > id > class > 属性 > 标签 > *
(2)复合选择器
1> 派生选择器(父子选择器),从右到左匹配。包含两种:包含选择器和子选择器
2> 相邻兄弟选择器:1.同父级;2.相邻;3.在其之后
3> 兄弟选择器 ~ (匹配选择器)
4> 并列选择器
5> 分组选择器
伪类和伪元素
CSS2中伪类和伪元素都是要单冒号(:)
CSS3中伪类使用单冒号(:),伪元素使用双冒号(::)