在代码的最顶端,创建一个如下的style
元素:
<style>
</style>
在这个style
元素内, 你可以为所有的h2
元素创建一个元素选择器
。比如,如果你想要将所有的h2
元素设置为红色, 你的代码应该看起来像这样:
<style>
<!--选择器 {属性名称: 属性值;}-->
h2 {color: red;}
</style>
注意:一定要在属性值的后面加上分号[;]。
下面的这种是“类选择器”:
<style>
.blue-text {
color: blue;
}
</style>
这只是声明了类选择器,还需要元素上应用:
<h2 class="blue-text">我是副标题</h2>
注意:在CSS中,类选择器应该添加[.]为前缀。而在HTML中,class属性不能添加.
为前缀,这是因为在CSS中如果类选择器前不添加[.] 浏览器就会误认为类选择器是一个元素选择器。
和类选择器一样,你也可以使用ID选择器来声明样式。
声明一个叫cat-photo-element
的ID选择器 ,并设置背景色为绿色。
#backgroundColor {
background-color: green;
}
注意:在你的 style
元素内部,定义ID选择器必须添加 #
为前缀。