CSS的class选择器

系统管理员 2022-05-12 00:18 243阅读 0赞

一 介绍

class选择器用于描述一组元素的样式,class选择器有别于id选择器,class可以在多个元素中使用。

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

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

二 代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="gb2312">
  5. <title>菜鸟学习</title>
  6. <style>
  7. .center
  8. {
  9. text-align:center;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <h1 class="center">标题居中</h1>
  15. <p class="center">段落居中。</p>
  16. </body>
  17. </html>

三 运行效果

4064e1b0-0625-3bee-94c7-1f96f2f0fee7.png

发表评论

表情:
评论列表 (有 0 条评论,243人围观)

还没有评论,来说两句吧...

相关阅读

    相关 html class选择

    要使用CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。html class选择器class 选择器用于描述一组元素的样式,class

    相关 jQueryclass选择

    class 一个用以搜索的类。一个元素可以有多个类,只要有一个符合就能被匹配到。 示例 描述: 查找所有类是 "myClass" 的元素. HTML 代码:

    相关 CSSclass选择

    一 介绍 class选择器用于描述一组元素的样式,class选择器有别于id选择器,class可以在多个元素中使用。 class选择器在HTML中以class属性表示,在C