在css样式中class是什么-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

在css样式中class是指CSS的类选择器，允许以一种独立于文档元素的方式来指定样式；类选择器允许以一种独立于文档元素的方式来指定样式，用于描述一组元素的样式，可以在多个元素中使用。

本文操作环境：windows7系统、CSS3版、Dell G3电脑。

css class指的是CSS的类（class）选择器，允许以一种独立于文档元素的方式来指定样式。下面本篇文章给大家介绍一下CSS 类（class）选择器，希望对大家有所帮助。

CSS 类（class）选择器

类选择器允许以一种独立于文档元素的方式来指定样式，用于描述一组元素的样式，可以在多个元素中使用。

该选择器可以单独使用，也可以与其他元素结合使用。

要应用样式而不考虑具体设计的元素，最常用的方法就是使用类选择器。

类（class）选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：

【推荐：css视频教程】

示例：所有拥有 center 类的 HTML 元素均为居中

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
.center{
text-align:center;
}

效果图：

你也可以指定特定的HTML元素使用class。

示例：所有的 p 元素使用 class="center" 让该元素的文本居中

<h1 class="center">这个标题不受影响</h1>
<p class="center">这个段落居中对齐。</p>
p.center
{
text-align:center;
}

效果图：

注：在类（class）选择器中，类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。

以上就是在css样式中class是什么的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者