CSS基础教程（一）简介：别让HTML素颜出门！CSS：网页世界的“百万美金造型师”深度整容指南

第一章：初识CSS——网页界的托尼老师

想象一下，HTML是一位天生丽质但却不修边幅的超级模特。她拥有完美的骨架（结构）：头、身体、手臂、腿（标题、段落、列表、图片）一应俱全。但光有骨架，没有发型、没有妆容、没有华服，她可能只是个“潜力股”，无法在星光熠熠的互联网红毯上脱颖而出。

这时，我们的主角——CSS（Cascading Style Sheets，层叠样式表） 闪亮登场！它就是那位手持剪刀、梳子和化妆刷的“百万美金造型师托尼老师”。它的使命只有一个：为HTML这位超模量身定制最潮最in的造型，让她从“代码灰姑娘”变身“视觉女王”！

第二章：CSS的三大核心“魔法”：层叠、优先级与继承

CSS之所以强大，在于其背后一套严谨的运作规则。理解它们，你才能真正从“样式搬运工”晋级为“样式魔法师”。

1. 层叠（Cascade）：
   “层叠”是CSS名字的一部分，也是其核心。它意味着最终的样式可以是多个来源的样式规则共同作用的结果。这些来源包括：浏览器默认样式、用户自定义样式、开发者写的样式。CSS会像瀑布一样，将这些样式一层层叠加起来，最终计算出每个元素应该呈现的样子。
2. 优先级（Specificity）：
   当多个规则瞄准同一个元素时，听谁的？这就轮到“优先级”这个裁判上场了。它是一个计算公式，决定了哪条规则更具“话语权”。
   基本规则：!important > 行内样式 > ID选择器 > 类选择器/属性选择器/伪类 > 标签选择器/伪元素 > 通配符选择器。
   简单记：针尖对麦芒，范围越精确，权力就越大。
3. 继承（Inheritance）：
   一些样式属性，比如color