CSS 基础 - 款式化事物

发布时间：2025年08月04日 12:17

CSS 就是为了让成分变得可爱，或者说给它们“外观上转化成”。代表“层叠外观上表”，这种外观上“层叠”的原理，或一个大阅读，通过“外观上表” - 你的外观上列表。现在我们仍然了解了 HTML 的基础知识，我们可以可用 CSS 让它看起来不错。

将外观上应用领域于事物

外观上可以可用许多选择器连接到它们的 HTML 对应项。其中的最常见于的是…

class

通过向任何成分去掉类，我们可以反之亦然设立它的外观上。即可将类调用和选择的中文名称去掉到成分的标记中的即可，如下简述 -

然后我们可以在外观上表中的通过摆放一个 . 在中文名称之同一时间和一些花附注便用于外观上主旨，如下简述 -

.container { }

去掉在方附注彼此之间的任何外观上都将应用领域于不具备该类名的任何成分，这意味着它们是可重用的。我们可以通过为我们不想要克隆的外观上创建通用类来利用这一点，例如去掉标准字体大小或背景颜色的容器类。

上述为成分去掉外观上的通用原理适用范围于所有

身份证

这些指导工作与 HTML 中的的类和外观上表中的的类完全相同，除此以外在于 ID 在其中文名称同一时间可用井号 (#) 而不是句点 -

#container { }

ID 与类一样，在技术上是可重用的，但不一定可用特定于单个最简单。 ID 也不具备最高的特异性，我将在下一篇文中中的解说。

成分并不一定

还记得应用领域于类的外观上如何应用领域于不具备该类的任何成分吗？正因如此，我们可以可用成分并不一定本身来设立相同并不一定的每个成分的外观上。不想让每个按钮都变成紫色吗？即可可用外观上表中的的成分中文名称代替 class 或 id 标记，该并不一定的所有成分都将应用领域这些外观上。

Click Here for a Free iPhone button { }

最后，“一切”选择器

在外观上附注同一时间可用 * 就会将包含的外观上应用领域于 HTML HTML中的的所有主旨。

* { }

但是你为什么要这样做到呢？