CSS简介
基础语法
1.元素选择器
标签{}/p{}
2.id选择器
#id{}
3.类选择器
.{}
4.通配选择器
*{}
5.复合选择器
①交集选择器
选择器1选择器2选择器3...
如果有元素选择器,必须以元素选择器开头;
②并集选择器
选择器1,选择器2,选择器3...
选择器可以是多种类型在一个并集选择器中;
6.关系选择器
父元素 子元素 祖先元素 后代元素 兄弟元素
①子元素选择器
父元素>子元素
②后代选择器
祖先 后代
③兄弟选择器
前一个 + 后一个
紧挨着的后一个
前一个 ~ 后一个
后面的所有
7.属性选择器
[属性名]
[属性名=属性值]
[属性名^=属性值]
[属性名$=属性值]
[属性名*=属性值]
[attribute|=value] | 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。 |
连字符(hyphen),是用于一个合成词的两部分之间的或一个单词的字节之间的一种标点符号,尤其是一行或一段结束时用。连字符只指“中划线”,不包括上划线和下划线。
8.伪类选择器
目标伪类
作用
突出显示活动的HTML锚元素。匹配当前页面中活动的HTML锚元素。
语法
:target
9.超链接伪类
超链接独有
所有元素均可用
(交集选择器)
一个属性名对应多个属性值的设置
大小写敏感问题
不可以在内联元素<span>中嵌入块级元素<p>