欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

在css样式中class是什么

程序员文章站 2022-04-05 09:52:17
...

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

效果图:

在css样式中class是什么

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

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

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

效果图:

在css样式中class是什么

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

以上就是在css样式中class是什么的详细内容,更多请关注其它相关文章!

相关标签: css