首页  >  文章  >  web前端  >  在css样式中class是什么

在css样式中class是什么

藏色散人
藏色散人原创
2021-03-01 10:27:068533浏览

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

在css样式中class是什么

本文操作环境: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;
}

效果图:

2208b93c8f8fea57acf3630a2cffa69.png

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

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

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

效果图:

ab882cc992fb325e39323fc78bfc9fe.png

注:在类(class)选择器中,类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。

以上是在css样式中class是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn