HTML 有标签(tags),而 CSS 有选择器(selectors)。

选择器是样式的名字,只能定义在在内部和外部样式表(style sheets)中。

在 ​​CSS 入门篇​​的专栏中,我们只会用到 HTML 选择器。

所谓 HTML 选择器等同于 HTML 标签,它会作用于特定类型的标签。

每个选择器都有属性(properties),位于一个大括号内,属性的命名非常直观,比如 ​​color​​​、​​font-weight​​​ 或者 ​​background-color​​。

每个属性都有一个值(value),两者用冒号隔开,不同属性用分号分割。

body {
font-size: 14px;
color: navy;
}

以上代码定义了一个 HTML 选择器——​​body​​​,它含有两个属性 ​​font-size​​​ 和 ​​color​​​,值分别是 ​​14px​​​ 和 ​​navy​​​。当它作用于 HTML 文档时, ​​<body>​​ 标签间的文本(也就是整个窗口的内容)将是14像素大小,海军色。

长度与百分比

除了属性特有单位,CSS 还提供了很多通用单位,比如:

  • ​px​​​(用法:​​font-size: 12px​​)像素单位
  • ​em​​​(用法:​​font-size: 2em​​​)字体大小单位。例如,​​2em​​ 表示当前字体大小的两倍。
  • ​pt​​​(用法:​​font-size: 12pt​​)表示点(point),是一个常用于印刷媒介的物理单位。
  • ​%​​​(用法:​​width: 18%​​)百分比。

其它单位还有 ​​pc​​​(活字,picas)、​​cm​​​(厘米,centimeters)、​​mm​​​(毫米,millimeters)和 ​​in​​(英寸,inches),但并不常用。

当值为 0 时,不需要指明单位。例如 ​​border: 0​​ ,表示没有边框。