温习HTML心得体会

在大一上学期，已经学过部分HTML的知识了，最近，在工作室安排的学习路线中又涉及到了html的学习，重新学习后，又感觉到了部分新的东西。

今天我想写的东西是class选择器、id选择器。

1.class选择器

声明代码：

1、标准形式：.class名称  {属性名称1:属性值;...........}

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

应用代码：

<h2 class="blue-text">Hello World</h2>

很显然，这个代码的运行结果是蓝色字体的Hello World。

其中要注意的是，class选择器是在<style></style>中声明的，并且以.开头，而在应用中，不能加.,

2.id选择器

声明代码：

1.标准形式：#id名称  {属性名称1:属性值;...........}

#blue-text {
  color: blue;
}

应用代码：

<h2 id="blue-text">Hello World</h2>

注意点：id选择器是在<style></style>中声明的，并且以#开头，而在应用中，不能加#,