🔖阻止了我的脚步的，并不是我所看见的东西，而是我所无法看见的那些东西。 《海上钢琴师》
前言
在网页开发领域，CSS（层叠样式表，Cascading Style Sheets） 是让网页从'单调结构'走向'美观交互'的关键技术：如果把 HTML 比作搭建网页骨架的'砖瓦'，CSS 就是定义'外观风格'与'空间布局'的'设计师'——它能为网页赋予色彩、字体、间距、动画等视觉表现，让页面从'能用'真正升级为'好看且易用'。
对于想要入门前端开发，或是希望系统提升网页样式能力的学习者而言，CSS 是必须深入掌握的核心内容。从理解 CSS 的基本概念与语法逻辑，到学习如何将 CSS 与 HTML 进行结合；从灵活运用各类'选择器'精准控制页面元素，到熟练操作文本、背景、边框等基础样式属性，再到借助'盒模型''布局定位'（包括弹性布局等现代方案）打造符合需求的页面结构……每一个环节，都直接影响着最终网页的呈现效果。
本文将围绕 CSS 的核心知识体系逐步展开：从 CSS 的基础概念、引入方式讲起，深入解析'基础选择器''复合选择器'等样式控制逻辑，再系统讲解文本、背景、边框、盒模型，以及布局与定位（如元素显示模式、弹性布局）等常用属性。无论你是刚接触前端的新手，还是需要梳理 CSS 知识的开发者，都能通过本文建立清晰的 CSS 知识框架，为后续打造精美、专业的网页奠定基础。
现在，就让我们一同走进 CSS 的世界，探索网页样式与布局的无限可能。
一。CSS 是什么
1.1 概念
CSS 是层叠样式表（Cascading Style Sheets） 的缩写，核心作用是定义和控制网页的外观与布局，让 HTML 构建的网页结构更美观。
简单来说就是让原本朴素的网页，变得更加丰富，好看。相当于给网页进行'化妆'。
HTML 与 CSS 之间的关系就是：HTML 负责搭建网页的'骨架'，比如创建标题、段落、图片等基础结构；CSS 则负责给这个'骨架'穿上'衣服'，决定结构的视觉呈现效果。两者分工明确，共同构成了可视化的网页。
1.2 基本语法
<style> 选择器 + { 一条 / N 条声明 } </style>
- 选择器可以绝对要对那些板块进行修改，丰富；
- 后面大括号中的声明，则绝对能对该板块中的那些元素进行修饰；
- 声明的属性是键值对，后续会进行详细介绍。
二。CSS 如何引入 HTML
在 HTML 中使用 CSS 的方法大体上可以分为 3 种：
- 内部样式表；
- 行内样式表；
- 外部引入。
2.1 内部样式表
直接将 CSS 镶嵌到 HTML 页面中，通过<style>标签来进行嵌套。
- 直接将 CSS 放在，
head中，对标签进行修饰。
比如像百度网页中就有这种内部样式表的 CSS：
- 理论上
<style>放在 html 的任何位置都是可以的，一般都会放在head标签中。
此处我们也可以写一个简单的内部样式表的 CSS：
比如一下，我们对标签的颜色进行修饰：
