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 是选择器,color、font-size 是属性。.button 选中所有 class 为 button 的元素,统一设置样式。
工作原理
- 用选择器选中要美化的元素
- 在花括号里写“属性: 值”声明
- 浏览器把所有规则按优先级合并,应用到对应元素
- “层叠”规则决定冲突时谁赢
常见混淆
容易混淆的对象: HTML
关键区别: HTML 管结构和内容,CSS 管外观和样式。改文字内容去 HTML,改颜色大小去 CSS。
相关术语
相关资源
学习基础知识
通过结构化课程深入理解这个主题。
解读错误信息
用大白话解释常见错误——什么意思、为什么发生、如何修复。