CSS学习指南

本文最后更新于:2023年8月3日 晚上

CSS (层叠样式表)是用来控制网页在浏览器中的显示外观的声明式语言。

概述

CSS 与 HTML 和 JavaScript 并称 Web 三大核心技术。一般用它来定义 HTML 元素 的样式,但它也能用于其他标记语言,如 SVG 和 XML。

浏览器会根据 CSS 的样式定义将其选定的元素显示为恰当的形式。一条 CSS 的样式定义包括属性和属性值,它们共同决定网页的外观。

一条 CSS 规则包含一个 选择符 和一组 属性 (en-US) 定义。下面这个例子用来将页面中的所有标签显示为黑色背景和黄色文本:<p>

1
2
3
4
5
6
7
8
/* p 选择符用来选择页面中的所有 <p> 标签 */
p {
/* color 属性用来定义文本颜色,这里为黄色 */
color: yellow;

/* background-color 属性用来定义元素的背景色,这里为黑色 */
background-color: black;
}

CSS 中的“C”表示“层叠的”,意为多个选择符之间具有特定的优先级。这一点非常重要,因为复杂网站可能会有非常多的 CSS 规则,因此必须规定好这些规则的优先级,以免乱套。

入门

https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps


CSS学习指南
http://zoechen04616.github.io/2023/07/31/CSS学习指南/
作者
Yunru Chen
发布于
2023年7月31日
许可协议