css 是指的什么 层叠样式表基础介绍

CSS 全称是 Cascading Style Sheets，中文名叫层叠样式表，是前端网页开发的核心技术，和 HTML、JS 并称为网页三大基础技术。HTML 负责搭建网页结构，写文字、图片、按钮这些元素，CSS 专门用来控制网页外观，比如颜色、大小、间距、字体、排版、动画、响应式适配，简单理解就是给网页做美化和布局。层叠这个词是 CSS 核心特性，也就是样式可以多层叠加，后面的规则会覆盖前面同优先级的样式，这也是它叫层叠样式表的根本原因。除了网页前端，现在小程序、H5、部分跨端框架依然大量使用 CSS 语法，是前端入门必学内容。

CSS 核心基础要点

1 作用：控制页面样式，实现布局、配色、字体、圆角、阴影、过渡动画、媒体查询自适应

2 语法结构：选择器 + 声明块，每一条声明是 属性：值，末尾加分号

示例：

div {

color: red;

font-size: 16px;

}

3 三种引入方式

• 行内样式：写在标签 style 属性里面，优先级最高
• 内部样式：写在 HTML 文件 head 里面的 style 标签
• 外部样式：单独.css 文件，通过 link 标签引入，项目开发最推荐这种方式

CSS 重要概念对照表

进阶深度要点

很多新手容易混淆，CSS 本身不能写交互逻辑，点击跳转、数据运算这类动态功能需要搭配 JavaScript。现在还有 CSS 预处理器，比如 Sass、Less，扩展原生 CSS 能力，支持变量、嵌套语法，编译之后还是标准 CSS。另外要注意，CSS 除了网页领域，在别的领域也会有同名缩写，比如游戏里 CSS 有时候指《Counter-Strike: Source》也就是起源版 CS，但是编程语境下，css 默认就是层叠样式表。层叠规则很容易踩坑，样式不生效绝大多数情况都是优先级冲突，或者选择器没有正确匹配到元素。

【常见问题】

问题 1 css 是指的什么 CSS 和 HTML 是什么关系

回答 1 css 是指的什么，CSS 是层叠样式表，HTML 负责网页结构，CSS 负责美化 HTML 元素，两者配合才能做出完整网页。

问题 2 css 是指的什么 CSS 可以单独运行吗

回答 2 css 是指的什么，CSS 不能独立运行，必须依附 HTML 文档或者其他支持 CSS 渲染的页面容器，浏览器读取 CSS 之后渲染页面样式。

问题 3 css 是指的什么 游戏里 css 是什么意思

回答 3 css 是指的什么，编程语境是层叠样式表，游戏领域 CSS 是 Counter-Strike: Source，也就是 CS 起源，属于同名缩写，注意区分场景。

问题 4 css 是指的什么 为什么叫层叠样式表

回答 4 css 是指的什么，核心就是层叠特性，多条样式规则可以叠加，同优先级后面样式覆盖前面样式，所以命名为层叠样式表。

【免责申明】

本文为前端基础科普，CSS 标准会随 W3C 规范持续更新，新特性浏览器兼容性存在差异，内容仅供参考。