css class是啥


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

css class是CSS的类选择器,即class选择器;类选择器允许以一种独立于文档元素的方式来指定样式,用于描述一组元素的样式,可以在多个元素中使用;该选择器可以单独使用,也可以与其他元素结合使用。

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

推荐:《css视频教程》

css class指的是CSS的类(class)选择器,允许以一种独立于文档元素的方式来指定样式。

CSS 类(class)选择器

类选择器允许以一种独立于文档元素的方式来指定样式,用于描述一组元素的样式,可以在多个元素中使用。

该选择器可以单独使用,也可以与其他元素结合使用。

要应用样式而不考虑具体设计的元素,最常用的方法就是使用类选择器。

类(class)选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:

示例:所有拥有 center 类的 HTML 元素均为居中

1

2

3

4

5

<h1 class="center">标题居中</h1>

<p class="center">段落居中。</p>

.center{

text-align:center;

}

效果图:

55d0b28227d7fb3ba65407f91d2df90.png

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

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

1

2

3

4

5

6

<h1 class="center">这个标题不受影响</h1>

<p class="center">这个段落居中对齐。</p>

p.center

{

text-align:center;

}

效果图:

9280cf0497d3d4e708eb59ebf3371fe.png

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

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

相关阅读 >>

css垂直对齐不起作用的原因及解决方法

css背景图片怎么设置透明度渐变

css column-rule-color属性怎么用

css由什么组成

文字居中的css代码是什么

css怎么让元素超出父元素

css empty-cells属性怎么用

怎么给css文件改名

css all属性怎么用?

css文本设置主要有哪几项属性

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




打赏

取消

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

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

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

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

评论

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