CSS复习笔记

CSS简介

CSS复习笔记_第1张图片

 基础语法

CSS复习笔记_第2张图片

1.元素选择器

标签{}/p{}

2.id选择器

#id{}

3.类选择器

.{}

4.通配选择器

*{}

5.复合选择器

①交集选择器

选择器1选择器2选择器3...

如果有元素选择器,必须以元素选择器开头;

②并集选择器

选择器1,选择器2,选择器3...

选择器可以是多种类型在一个并集选择器中;

6.关系选择器

父元素 子元素 祖先元素 后代元素 兄弟元素

①子元素选择器

父元素>子元素

后代选择器

祖先 后代

③兄弟选择器

前一个 + 后一个

紧挨着的后一个

前一个 ~ 后一个

后面的所有

7.属性选择器

[属性名]

[属性名=属性值]

[属性名^=属性值]

[属性名$=属性值]

[属性名*=属性值]

[attribute|=value] 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。

CSS复习笔记_第3张图片CSS复习笔记_第4张图片CSS复习笔记_第5张图片

连字符(hyphen),是用于一个合成词的两部分之间的或一个单词的字节之间的一种标点符号,尤其是一行或一段结束时用。连字符只指“中划线”,不包括上划线和下划线。 

 

CSS复习笔记_第6张图片

 CSS复习笔记_第7张图片

8.伪类选择器 

CSS复习笔记_第8张图片

目标伪类

作用

        突出显示活动的HTML锚元素。匹配当前页面中活动的HTML锚元素。

语法

     :target

9.超链接伪类

超链接独有

所有元素均可用 

CSS复习笔记_第9张图片

CSS复习笔记_第10张图片 CSS复习笔记_第11张图片

CSS复习笔记_第12张图片

CSS复习笔记_第13张图片

 (交集选择器)

 

一个属性名对应多个属性值的设置

CSS复习笔记_第14张图片

CSS复习笔记_第15张图片

大小写敏感问题

 不可以在内联元素中嵌入块级元素

CSS复习笔记_第16张图片

你可能感兴趣的:(笔记,CSS3,css)