认识CSS

CSS:

层叠样式表  (Cascading Style Sheet).

样式定义如何显示 HTML 元素

样式通常存储在样式表中

外部样式表可以极大提高工作效率

外部样式表通常存储在 CSS 文件中

多个样式定义可层叠为一

样式对网页中元素位置的排版进行像素级精确控制

CSS语法

1.CSS规则由两个主要的部分组成:选择器,一条或以上声明.

1.只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值；.
2.属性和属性值之间用：链接；.

3.多对属性之间用；分号隔开.

选择器

*（通配符）、元素选择器、class选择器.、id选择器#.

CSS分组和嵌套选择器

分组选择器：同时为多个元素设置相同的样式.

嵌套选择器：通过多个选择器嵌套匹配元素.

CSS组合选择器

（1）后代选择器：用空格将2个选择器隔开，表示上下级关系.

（2）子元素选择器：用>将2个选择器间隔开，表示父子关系.

（3）相邻兄弟选择器：用+将2个选择器间隔开，可选择紧接在另一元素后的元素，且二者有相同父元素.

（4）后续兄弟选择器：用~将2个选择器间隔开，选取所有指定元素之后的相邻兄弟元素

CSS伪类：

CSS伪类是用来添加一些选择器的特殊效果.

link：未访问的链接的样式.

visited：访问过的链接的样式.

hover：设置鼠标滑过时候的样式.

active:已选中的链接的样式.

first-child:伪类来选择元素的第一个子元素.

last-child:伪类来选择元素的最后一个子元素.

first-of-type:指定类型元素中的第一个.

last-of-type:指定类型元素中的最后一个.

nth-of-type(n):指定类型元素中的第n个.

让我们进入DW操作CSS吧

1.新建一个css样式.

2.保存到css文件夹里面

3.在HTML里面打上link,按tab键.

4.把刚刚CSS的路径打上去即可

5.拿捏了.