Skip to content

CSS

一句话解释

CSS 是描述网页外观样式的语言,通过“选择器 + 属性”的规则告诉浏览器每个元素该长什么样。

用大白话说

CSS 是“层叠样式表”(Cascading Style Sheets)的缩写。如果说 HTML 是网页的骨架,CSS 就是皮肤和衣服——它决定文字什么颜色、按钮多大、元素怎么排列。

CSS 的核心写法是选择器 + 属性

h1 { color: blue; font-size: 24px; }

意思是“所有 h1 标题,颜色设为蓝色,字号 24 像素”。

“层叠”是指当多条规则都能影响同一个元素时,CSS 有一套优先级规则决定最终用哪条。理解层叠和优先级是 CSS 进阶的关键。CSS 还能做响应式布局(用媒体查询适配手机和电脑)、动画、甚至现代的 Grid 和 Flexbox 网格布局。

示例

css
h1 {
  color: #2563eb;
  font-size: 24px;
}
.button {
  background: blue;
  color: white;
  padding: 8px 16px;
}

h1 是选择器,colorfont-size 是属性。.button 选中所有 class 为 button 的元素,统一设置样式。

工作原理

  1. 用选择器选中要美化的元素
  2. 在花括号里写“属性: 值”声明
  3. 浏览器把所有规则按优先级合并,应用到对应元素
  4. “层叠”规则决定冲突时谁赢

常见混淆

  • 容易混淆的对象: HTML

    关键区别: HTML 管结构和内容,CSS 管外观和样式。改文字内容去 HTML,改颜色大小去 CSS。

相关术语

相关资源

相关课程

相关练习

相关项目

相关工具

学习基础知识

通过结构化课程深入理解这个主题。

查看课程

解读错误信息

用大白话解释常见错误——什么意思、为什么发生、如何修复。

查看错误

← 返回术语表