编程实战首页编程实战列表使用一个CSS Class去给标签定义Style

使用一个CSS Class去给标签定义Style


类是可重用的样式,可以添加到HTML元素。

下面是一个CSS类声明的例子:

<style>
  .blue-text {
    color: blue;
  }
</style>

你可以看到我们已经在 <style> 标签中创建了一个名为 blue-text 的CSS类。

你可以将类应用于HTML元素,如下所示:

<h2 class="blue-text">CatPhotoApp</h2>

请注意,在CSS样式元素中,类选择器应该添加.为前缀。而在HTML元素的类声明中,类属性不能添加.为前缀。

在你的style元素中,将h2选择器修改为.red-text选择器,并将颜色值从blue修改为red

最后,给你的 h2 元素的 class 属性的值为.red-text



运行 (ctrl + enter)
偷看答案


java工程师idea
二维码
建议反馈
二维码