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 width属性怎么用

css 实现拖拽改变布局大小

html文档中怎么把图片作为背景?

css中标签嵌套规则有哪些

css如何设置不规则阴影

css中如何给字体加描边

css怎么隐藏下拉滚动条

css modules 详解

css应该怎么设置超链接样式

css如何设置页面背景色

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




打赏

取消

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

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

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

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

评论

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