组合选择器通过 HTML 元素之间的位置关系选择元素，这些关系包括父子关系、祖孙关系、相邻关系。CSS 支持4种组合操作符：>、空格、+、~，代表了4种关系，并由此产生了4种组合选择器：儿子选择器、儿孙选择器、长弟选择器、弟弟选择器。

"级联选择器"用于完成"简单选择器"无法完成的选择工作。这是因为相比于"简单选择器"利用单一特征来选择元素，"级联选择器"通过把多个"简单选择器"级联在一起，从而实现元素的多特征选择。

可以从多个维度描述 HTML 元素，比如元素类型、元素ID、元素使用的类、元素属性、元素状态、元素行为等。简单选择器是从单一的维度来描述要选择的 HTML 元素，这就是它"简单"的真正含义。简单选择器可细分为类型选择器、类选择器、属性选择器、ID选择器、伪类选择器、伪元素选择器等几种类型。

CSS 选择器 (CSS Selector)用于从 HTML 文档中选出需要的元素，它可以从 HTML 元素的类型、行为、状态、位置关系等多个维度选择元素。根据复杂程度 CSS 选择器可分为简单选择器、级联选择器、组合选择器三种类型。

CSS Padding 是 CSS 盒子的内边距，定义了盒子中的内容与盒子边框之间的距离。设计师可以分别设置上、下、左、右四个内边距的值，也可以一次设置上、下、左、右四个内边距的值。

CSS 盒子 (CSS Box) 是 CSS 的基础概念，CSS 盒子是一个以内容为核心的小系统，最里面是内容（如要显示的文字），往外依次为内边距，边框、外间距。了解 CSS 盒子结构，熟练掌握对 CSS 盒子各组成部分属性的设置是前端设计师的必修课。

本文重点介绍介绍了 CSS 文档的构成、样式规则语句的语法、如何添加注释、关键词使用方法等几个主题。本文介绍的样式规则语句主要用于解决”谁看起来什么样“的问题。CSS 语法简洁，易上手，学习难度不大。

本文是为第一次接触 CSS 的读者准备的，通过约5分钟的阅读读者朋友们可以了解到：如何在 HTML 文件中定义样式、如何在样式表文件中定义样式、如何在 HTML 文件中引用样式表文件，以及如何利用样式控制网页显示。这是我们 CSS 之旅的第一站，请慢慢享用。

HTML 描述了文档的结构和内容，CSS 描述了文档在媒体上的外观和布局。一篇赏心悦目的文档或网页是由 HTML 和 CSS 共同协作、互相配合完成的。互不夸张的说，CSS 就是 HTML 的御用美容大师。因此学会、用好 CSS 是网页前端同志的必修课。

本文介绍了3个使用 CSS 实现的 Obsidian 视觉效果：Obsidian 墙纸、特殊标签、 文件浏览器和大纲窗格显示关系连线。