CSS 类选择器,html(css) class如何使用？

在 CSS 中，类选择器以一个点号显示：

.center{text-align: center}

.red{color:red;}

.div1 .div2{color:yellow}

.div3.div4{color:green;}

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

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

This heading will be center-aligned

This paragraph will also be center-aligned.

代码展示：

效果展示：

赞 (0)

相关推荐

  • 如何将VS Code中CSS ID选择器设置为警告

    如何将VS Code中CSS ID选择器设置为警告

    VS Code是现在十分常用的一款编程软件,有些新用户不知道如何将VS Code中CSS ID选择器设置为警告,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的[VS ...

  • CSS通配符选择器详解

    通配符使用星号*表示,意思是"所有的". 基础知识 01 通配符使用星号*表示,意思是"所有的". 平时使用电脑,比如要搜索C盘里所有的网页,可以使用 *.ht ...

  • css属性选择器有哪些

    css除了一般的选择器之外,还有哪些属性选择器呢 操作方法 01 E[att]:元素[属性]:选择具有att属性的E元素. 02 E[att=val]:元素[属性=属性值]:选择具有att属性且属性值 ...

  • 网页设计中有哪5类常用的CSS样式

    操作方法 01 网页设计中常用到CSS样式有哪些?CSS样式能让我们快速实现一些功能,在这里和大家分享,CSS样式的五种方式如何应用在网页设计中,文中我们就详细说到代码的实现,希望对从事网页设计的朋友 ...

  • CSS id 选择器

    操作方法 01 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义. 下面的两个 id 选择器,第一个可以定义元素的 ...

  • CSS新手整理的CSS技巧

    CSS新手整理的CSS技巧

  • CSS系列：[1]CSS实现半透明div层的方法

    首先,先看一下实例,如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http ...

  • DIV+CSS教程：[4]CSS如何设置文字字体

    CSS也可以像Word编辑那样,可以对文字的字体进行设置.那么CSS是如何对HTML页面中文字进行字体设置的呢? 操作方法 01 在html语言中,文字的字体设置是通过<font face=&q ...

  • HTML怎样引入css，怎样使用css

    HTML中通过使用css可以让网页的美观效果更进一步. 今天小编我就来给大家分享一下 HTML中怎样使用css怎样引入css的噢. 操作方法 01 如图所示,可以直接在标签里面用style加引号来插入 ...