HTML class 类属性

HTML class 类属性 · 难度：入门 · +10XP

HTML class 类属性

class属性用于给HTML元素分类，多个元素可以共享同一个class，同一个元素也可以有多个class。

语法

<element class="classname">
<element class="class1 class2 class3">

用途：配合CSS选择器

<style>
.city{background:#e0f2fe;padding:8px;margin:4px;border-radius:6px}
.capital{font-weight:bold;border-left:4px solid #2563eb}
</style>
<div class="city capital">南宁（首府）</div>
<div class="city">武鸣</div>

class 命名规范

• 使用有意义的名称（如.nav-menu而不是.x1）
• 多个单词用连字符分隔（.product-card）
• 不要用中文命名

class vs id

???? 练习

1. 创建3个城市卡片，用class控制样式
2. 给南宁卡片同时添加city和capital两个class