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-2023 笨鸟工具 x1y1z1.com All Rights Reserved.