HTML中class和id属性如何使用

整理：龙骨匣时间：2024-11-12 阅读：15

在HTML中class和id属性是最经常用到的两个，使用class属性命名后，在css中前面要加点，而且class属性具有重复性和多样性，而Id属性是唯一性，在文档中只能出现一个，下面一起看看下具体使用方法。

HTML

如图，在body中随意建立h1-h5标签，

然后预览中，可以看到文字的效果，如图所示

然后我们在h1标签中做class属性命名.并加以修饰

然后预览效果后，就是这样的，现在只有对第一个h1改变了颜色

然后来验证class的重复性；在h3 和h5 都加入这个类名称

这时候保存回到浏览器中查看效果，就可以看到添加过类名称的几个标签都改变了字体颜色，这就是class的重复性

然后再来看他的多样性，在class后面空格后，在添加另一个名称hy，如图，然后再添加修饰

两个属性名称，都会对其发生作用。

而id的功能，只有唯一性，在h4中输入id类名称，然后在css中对其添加属性值；id的使用方法类似，命名的时候，只是将class代替为id；在css样式中，注意class前面是点，而id前面是#。

小小运动让女人更美！

谷歌拼音输入法怎么敲出特殊符号

狗狗耳朵清洁护理有什么方法？