使用＜style＞标签为元素定义CSS样式

Posted 2023-01-18 慕斯-ing

在 CSS 中，页面样式的属性有几百个，但常用的不过几十个。
当我们输入<h2 style="color: red">兔子时，就给h2元素添加了inline style(内联样式)。
这是添加元素的样式的一种方法，但更好的方法是使用CSS，它代表(Cascading Style Sheets)层叠样式表，如下：

在这个style元素的内部, 我们可以为所有h2元素创建一个CSS选择器。
例如，如果你希望所有的h2元素都设置为红色, 则你的样式元素将如下所示：

效果图如下：

我们可以发现, h2元素内的span文本也继承了红色字体。

注意:
在每个元素的样式声明区域里，左右花括号（ 和 ）一定要写全。
你需要确保所有样式规则位于花括号之间，并且每条样式规则都以分号结束。