使用<style>标签为元素定义CSS样式

在 CSS 中,页面样式的属性有几百个,但常用的不过几十个。
当我们输入<h2 style="color: red">兔子时,就给h2元素添加了inline style(内联样式)。
这是添加元素的样式的一种方法,但更好的方法是使用CSS,它代表(Cascading Style Sheets)层叠样式表,如下:
在这里插入图片描述
在这个style元素的内部, 我们可以为所有h2元素创建一个CSS选择器。
例如,如果你希望所有的h2元素都设置为红色, 则你的样式元素将如下所示:
在这里插入图片描述
效果图如下:
在这里插入图片描述
我们可以发现, h2元素内的span文本也继承了红色字体。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

慕斯-ing

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值