在HTML中class和id属性是最经常用到的两个,使用class属性命名后,在css中前面要加点,而且class属性具有重复性和多样性,而Id属性是唯一性,在文档中只能出现一个,下面一起看看下具体使用方法。
工具/原料
HTML
方法/步骤
1
如图,在body中随意建立h1-h5标签,
2
然后预览中,可以看到文字的效果,如图所示
3
然后我们在h1标签中做class属性海篇命名.并加以修饰
4
然后预览效果后,就是这样的,现在只有对第一个h1改变了颜色
5
然后来验证class的重复性;在h3 和h5 都加入这个类名称
6
这时候保存回到浏览器中查看效果,就可以看到添加过类名称的几个标签都改变了字体颜色,这就是class的重复性
7
然后再来看他的多样性,在class后面空格后,在添加另一个名称happy,如图,然后再添加修饰
8
两个属性名称,都会对其发生码著作用。
9
而id的功能,只有唯一性,在h4中输入id类名称,五颂言然后在css中对其添加属性值;id的使用方法类似,命名的时候,只是将class代替为id;在css样式中,注意class前面是点,而id前面是#。
注意事项
如果此经验对您有帮助,请左侧投票/关注,谢谢大家的支持^_^
下一篇:获取class类的方法