笔记
- 我们知道前段最重要的三个技术是:HTML、CSS、JavaScript。
- 三者关系:HTML用于控制网页的结构;CSS用于控制网页的外观;JavaScript控制的是网页的行为。
CSS简介
- 用来控制网页的外观
- 常说的CSS3,实际上说的是新增的内容
- 所以,你要学的CSS其实等于CSS2加上CSS3。
- 本书介绍的是CSS2.1,对于CSS3新增的技术,小伙伴们可以关注“从0到1系列”的《从0到1:HTML5+CSS3修炼之道》这本书。
CSS引入方式
- 外部样式表
- 内部样式表
- 行内样式表
CSS的选择器
-
id和class
-
id属性,页面唯一存在
-
class属性,相同或者不同的元素归为一类 对于id和class,我们可以这样理解:id就像你的身份证号,而class就像你的名字。身份证号是唯一的,但是两个人的名字就有可能是一样的。
-
选择器是什么?
-
从html标签中找到你想要的元素,我们称之为“选择器“。就是一种方式把你想要的那个元素选中。然后才能对这个元素添加css样式。
-
在css中有很多方式可以把你想要的元素选中;但是它们的目的是相同的。
-
CSS选择器
-
我们只会讲解最实用的5种选择器。
- 元素选择器
- id选择器
- class选择器
- 后代选择器
- 群组选择器