html中class什么意思？html的class属性用法介绍（附实例）(2)-木庄网络博客

我们能看到这图片把字都变了，就一个p标签的文字还没效果，因为还没设置效果。

class和id一样是个选择器而已，通过定义样式后，被html的标签所调用来实现页面的排版、布局和样式。

这还有个关于HTML class的例子：

<style>
#nav{float:left;}
/*id调用*/
.text{font-size:30px;}
.text2{font-size:10px;}
/*class调用*/
</style>
<body>
    <div id="nav">
        <p class="text">第一行文字PHP中文网</p>
        <p class="text2">PHP中文网第二个文字</p>
    </div>
<body>

这个效果很明显，如下图：

一个字体30像素，一个只有十像素，是不是很明显。这也就是class选择器的定义样式的排版而已。

html中class的作用解释：

class一般是用于统一样式设置，比如说啊一个ul里面的所有li，他的的字体，背景颜色啊等等，你可以把所有li的class名字取成一样，因为在html中 class name这两个名字都可以重复，接着上面说，你统一样式之后，比如说有几个li的样式不一样，这个时候你给几个不一样样式的li取个id，然后通过id控制他的属性

好了，以上就是本篇关于HTML class的解释，和HTML class的用法实例还有作用解释，有问题可以在下方提问。

【小编推荐】

html空格代码怎么写？html空格代码的表现方式总结

html图片怎么等比例缩放？html img图片缩放方法总结(附实例)

以上就是html中class什么意思？html的class属性用法介绍（附实例）的详细内容，更多文章请关注木庄网络博客！

返回前面的内容