当前位置:Gxlcms > 前端框架 > 在css样式中class是什么

在css样式中class是什么

时间:2021-07-01 10:21:17 帮助过:96人阅读

在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;
}

效果图:

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是什么的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行