css class是什么意思


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

css class是类选择器的意思,用于选取带有指定类的元素;类选择器以一个点号显示,其使用语法如“.center {text-align: center}”,该语句表示所有拥有center类的HTML元素均为居中。

本教程操作环境:windows7系统、HTML5&&CSS3版本、Dell G3电脑。

推荐:css视频教程

在css中,class指的是class(类)选择器,用于选取带有指定类 (class) 的元素;class(类)选择器以一个点号显示,例“.center”。

1

.center {text-align: center}

在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。

在下面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。

1

2

3

4

5

6

<h1 class="center">

This heading will be center-aligned

</h1>

<p class="center">

This paragraph will also be center-aligned.

</p>

注意:类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。

和 id 一样,class 也可被用作派生选择器:

1

2

3

4

.fancy td {

color: #f60;

background: #666;

}

在上面这个例子中,类名为 fancy 的更大的元素内部的表格单元都会以灰色背景显示橙色文字。(名为 fancy 的更大的元素可能是一个表格或者一个 div)

元素也可以基于它们的类而被选择:

1

2

3

4

5

td.fancy {

color: #f60;

background: #666;

}

<td class="fancy">

在上面的例子中,类名为 fancy 的表格单元将是带有灰色背景的橙色。

以上就是css class是什么意思的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css text-transform属性怎么用

老司机来和你谈谈,为什么说css是最难的!!

css的优点和缺点分别是什么

css怎么设置粘性定位

css制作轮播图

css中常见的布局有哪些?

css modules是什么

css perspective-origin属性怎么用

img元素可以用css

css怎么让div隐藏

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...