Rumah  >  Artikel  >  hujung hadapan web  >  在css样式中class是什么

在css样式中class是什么

藏色散人
藏色散人asal
2021-03-01 10:27:068472semak imbas

在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 中起作用。

Atas ialah kandungan terperinci 在css样式中class是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:script是css的标签吗Artikel seterusnya:前端开发需要掌握什么技术