CSS
层叠样式表(Cascading Style Sheet,简称:CSS)是为网页添加样式的代码。CSS 不是真正的编程语言,甚至不是标记语言。它是一门样式表语言,这也就是说人们可以用它来选择性地为 HTML 元素添加样式。
个人理解:css 就是HTML样式描述的语言。
CSS 规则集
CSS是一门基于规则的语言 —— 你能定义用于你的网页中特定元素样式的一组规则. 比如“我希望页面中的主标题是红色的大字”
css 规则集也叫css 样式规则,简单的说就是 css 语法 。
css 规则要素:
- 选择器
- 声明
- 属性名称
- 属性的值
注意其他重要的语法:
- 每个规则集(除了选择器的部分)都应该包含在成对的大括号里(
{}
)。 - 在每个声明里要用冒号(
:
)将属性与属性值分隔开。 - 在每个规则集里要用分号(
;
)将各个声明分隔开。
CSS 选择器?
选择器名称 | 符号 | 示例 | 优先级由高到低 |
---|---|---|---|
id选择器 | # | #name | |
class 选择器 | . | .name | |
标签(tag)选择器 | 无符号 | div | |
属性选择器 | [] | input[type=input] | |
伪类选择器 | :😕: | div::affter div:hover | |
子类选择器 | > | #app > .name | |
后代选择 | 无符号 | #app .name |