HTML class属性,定义类名

class属性

HTML元素的class属性定义的类名有什么用呢?个人认为,归根结底,class属性就是将HTML的元素进行分类管理。这样就可以通过CSS的类选择器来匹配查找某些具有相同类名称的元素,并对其进行样式设置,也可以通过JavaScript来获取这些类元素,并对其进行交互式的设置,等等。


语法

<element class = "className">

属性值

属性值描述
className自定义的字母表示的文本,指定类名称

提示:class类属性不能在如下HTML元素中使用:base、head、meta、html、script、param、style 、title等。


class属性实例代码,及在线编辑器

<p class='c1'>段落一</p>
<p class='c2'>段落二</p>
<p class='c3'>段落三</p>

<style>
  .c1{color:skyblue;}
  .c2{color:orange;}
  .c3{color:pink;}
</style>

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.