假设代码为:
<h2 style="color: red">CatPhotoApp</h2>
你就给h2
元素添加了inline style(内联样式)
。
内联样式是为元素添加样式的最简单有效的方式,但是更易于维护的方式是使用层叠样式表CSS
(Cascading Style Sheets)。
在代码的最顶端,创建一个如下的style
元素:
<style>
</style>
在这个style
元素内, 你可以为所有的h2
元素创建一个元素选择器
。比如,如果你想要将所有的h2
元素设置为红色, 你的代码应该看起来像这样:
<style>
选择器 {属性名称: 属性值;}
h2 {color: red;}
</style>
注意:一定要在属性值的后面加上分号 ;
。
【实践】删除h2
元素的内联样式,然后创建一个style
元素。添加必要的CSS,使所有h2
元素变为蓝色。
<style>
h2 {color: red;}
</style>
<h2>我家的猫咪</h2>
<p>在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,怎能不惹人怜爱。</p>