网络与接口

CSS · 层叠样式表

/ see-ess-ESS /

CSS(层叠样式表)是给网页「上妆」的语言——颜色、字体、间距、布局都归它管。如果说 HTML 是骨架,那 CSS 就是皮肤和衣服:它接过那副朴素的结构,决定每样东西到底长什么样。

你把 CSS 写成一条条「规则」。每条规则先挑出页面上的某个东西(叫「选择器」),再设定它的属性:把所有标题改成深蓝色、给段落一个舒服的行距、让导航排成一行。改一条规则,所有匹配的元素就一起跟着变。

「层叠」是它聪明的地方:当好几条规则都作用在同一个元素上时,CSS 有一套清楚的优先级来决定谁说了算。正因如此,整个网站才能保持一致的外观,同时又允许你在需要时只覆盖某一个按钮、某一个页面。

h1 {
  color: navy;
  font-size: 2rem;
}

一条规则:把每个 <h1> 标题改成藏青色,并稍微调大。

HTML 和 CSS 是故意分工的——结构放一处,外观放另一处。正因如此,你才能彻底改换一个网站的样式,却完全不动它的内容。

又称
cascading style sheetsstylesstylesheet