跳到主要内容

基础概念

与 CSS 相关的基本术语与概念解释。

规则集

整个结构(值的是非行内样式)称为规则集(规则集通常称为规则)。

.text-center {
text-align: center;
}
  • 选择器(selector):用于适配元素和规则相对应
  • 声明(Declaration):一条单独的规则(如:text-align: center)。用来指定对应规则的元素的的哪个样式属性设定值
  • 属性(Properties):是为 HTML 元素添加样式的文本(如 text-align 就是指定匹配的元素的属性)
  • 属性值(Property value):位于属性的右边,冒号后面即为属性值。它从指定属性的可选值

其他重要的语法:

  • 除了选择器,每个规则集都应该包含在成对的大括号里({})。但是,目前的 CSS 支持嵌套写法,选择器也可以在大括号里 😭
  • 在每一个声明里要用冒号(:)将属性和属性值分隔开
  • 在每个规则集中要用分号(;) 将各个声明分隔开