html语言中标签的class属性的作用

最新推荐文章于 2025-07-07 11:55:22 发布

陆老师Peter

最新推荐文章于 2025-07-07 11:55:22 发布

阅读量1.7w

点赞数 24

CC 4.0 BY-SA版权

分类专栏：网站前端开发文章标签： class属性 HTML 标签 html中的class属性

本文链接：https://blog.youkuaiyun.com/qq_34573534/article/details/93597284

网站前端开发专栏收录该内容

82 篇文章

订阅专栏

本文详细解析了HTML中class属性与ID的作用及区别，包括它们如何与CSS关联，实现网页元素的样式定制。并通过实例展示了class用于多次引用同一组样式的灵活性，以及ID在网页中唯一性的特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其实class属性的值对应的就是你定义的css的名字，它和class的属性值相对应。

例如：<td class="t1"></td>
<style type="text/css">
.t1 {
font-size: 12px;//字体大小
line-height: 22px;//文本行高
color: #000000;//文本颜色
margin: 6px;//边界
padding: 6px;//填充（文本与边界的距离）
border-bottom-width: 1px;//底部边框宽度
border-bottom-style: solid;//底部边框样式为实线
border-bottom-color: #CCCCCC;//底部边框颜色
}
</style>
class属性一般都是ID，这个ID都是调用前边的属性标签用的，只要找到相对应的标签代码就可以了，一般标准形式是class=“id号”
比如这个在调用的时候就会写代码：<td class="t1" > </td>

以上内容的出处：https://blog.youkuaiyun.com/eagle_or_snail/article/details/82668871

再来看另外一个人写的：

html里的class属性就是类的意思，在html中有ID类和CLASS类。其实就是定义引用的型号。而其中ID类是用#来识别，如#a，当你在制作网页时，可用ID=a来应用你之前定义的#a.而CLASS类则是用.a，当你在制作网页时，可用class=a来应用你之前定义的.a。而ID类和CLASS类的区别就是，ID在一个网页中只能被引用一次，而CLASS类可以被多次引用。
而这个引用是什么意思呢？其实就是建立一个仓库，里面存放着很多的样式，比如文字颜色，大小等。你在外面要建设网站了，你想把文字设置成红色。但是仓库里有一堆的样式如#a {color:red;(字体颜色为红色)font-size:14px;(字体大小为14PX)}，如何知道你引用哪一个呢，所以就给每个样式定义了一个编号也就是#a或.a中的a就是编号。然后在引用时就可以用ID=a 或CLASS=a来引用。

这两段的出处：https://wenda.so.com/q/1365973205062458?src=140