html的class怎么使用方法,HTML的class属性怎么用？使用方法详细总结！-程序员宅基地

我们在开发网页时有一个属性经常被用到，那就是 class。这篇文章 w3cschool 小编来为大家介绍下 HTML 的 class 属性怎么用。学习 class 看这篇文章就够了。

class 属性怎么用？

class 属性用来规定元素的类名，最常用在样式表上，JavaScript 上也有部分用到。顾名思义，class 是用来定义一种类的，它指定元素的分类，比如我们在样式表上设定一个类的属性，在 HTML 中只要将该元素的类名设置为相同就可以了。如下：

class属性 - 编程狮(w3cschool.cn)

.red{

color: red;

}

.blue{

color: blue;

}

第一行被设置为红色的文字

第二行被设置为红色的文字

第一行被设置为蓝色的文字

第二行被设置为蓝色的文字

在这段代码中，我们可以看到总共有四句话，不同的两句话之间被赋予了同一个 class，显示出来的效果也是一样的。效果如下：

当然，并不是所有的 HTML 标签都可以用 class，下列标签不支持使用 class：base、head、html、meta、param、script、title。

我们还能对 HTML 元素同时赋予多个 class，其中每个 class 用空格分隔开。如：

另外需要注意的是，类名不能以数字开头。

以上就是文章“HTML 的 class 属性怎么用？使用方法详细总结！”的全部内容。更多的 HTML 学习请前往 w3cschool。

本文链接：https://blog.csdn.net/weixin_29276847/article/details/118166063

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

linux学习笔记_tv5 . top-程序员宅基地

文章浏览阅读1.2w次。老男孩培训第一天1.什么是Linux?什么是windows?是一个操作系统(os),Operating System,个人电脑使用.手机系统:安卓(Linux)\IOS(Unix)什么是Linux?是一个操作系统(os),Operating System,用于服务器端(linux),存放网站的内容(给用户看).www.jd.com,www.baidu.com 存储用户数据的服务器可能有上万-10万台.Linux系统.2.Linux系统作用是一个基础系统软件,向下管理硬件,向上管理应用_tv5 . top

python语言使用不需要付费不存在商业风险_尔雅Python语言应用最新答案-程序员宅基地

文章浏览阅读1k次。出殡当天早上，尼克到纽约去找______答：沃尔夫山姆下列哪些健康理念是错误的( )答：没有病就是健康；有病就治，无需保健；治好疾病，就是健康个人为社会提供的物质财富是对人生价值进行评价的唯一标准答：×在确定执行审计工作的前提时，下列有关被审计单位管理层责任的说法中，注册会计师认为正确的有答：被审计单位管理层应当允许注册会计师接触所有必要的相关人员被审计单位管理层应当负责按照适用的财..._通常,能充分发挥高效能钢材的受拉作用

三.ffmpeg 集成av1_ffmpeg av1-程序员宅基地

文章浏览阅读8.3k次，点赞2次，收藏5次。copy from zhujiamin一、介绍FFmpeg4.2支持AV1、AVS2等视频编码格式，但本身并不包含解码器，需要自己集成。集成的编解码器要避开GPL开源协议（–enable-gpl），因此不能用x264、AVS2等编解码器我在研究FFmpeg升级时，寻找能提升多媒体系统表现力的新特性，发现FFmpeg支持的基于BSD协议的dav1d解码器比较有价值，能大幅度提高AV1软解码性能，没有代码开源的风险，并且能持续迭代更新AV1是由AOM（Alliance for Open Media，开_ffmpeg av1

Anaconda安装Python与tensorflow_source activate py36-程序员宅基地

文章浏览阅读693次。众所周知Python常用的版本有2.x和3.x，常常会引起版本问题。由于我在Linux系统中已经安装有Python3.x和对应的TensorFlow，现在遇到需要跑在Python2.x下的TensorFlow工程时，就很麻烦，因此可以用Anaconda来建立一个独立的小环境来另外安装Python2.x及其对应的TensorFlow来跑这个工程。AnacondaAnaconda（官网）是什么..._source activate py36

学习3D引擎架构技术概述_二三维引擎-程序员宅基地

文章浏览阅读8.5k次，点赞9次，收藏44次。近期对3D引擎的架构设计做了一个梳理总结，现在开发游戏都离不开引擎，这些引擎包括Unity引擎，虚幻引擎，Cocos2dx引擎，自研引擎等等。很多开发者只会利用他们写逻辑，遇到优化问题就束手无策了，遇到Shader编程以及优化就感到头疼，长此以往对自己技术提升非常不利的。要改变现有的状态，就必须要系统的学习相关3D引擎技术，这样才能在使用引擎开发产品时得心应手。本篇博客从两方面给读者做..._二三维引擎

Aidlux实现canny边缘检测。-程序员宅基地

文章浏览阅读50次。具体流程如下：https://www.bilibili.com/video/BV1Tu4y1q755/1、通过launch-build创建桌面应用。2、创建时候填入图片URL、名称和运行路径。3、点击运行，实现Canny边缘检测。

随便推点

成都电子计算机职业中学,成都市蜀兴计算机职业中学2020年招生录取分数线-程序员宅基地

文章浏览阅读245次。只要是参加了高考的同学，都会关心每个高校的分数线，因为只要在分数线内的就有读大学的机会。但是不同的学校对分数线的定义是不同的，所以大家要时刻关注就读院校的分数线，以便及时报读。接下来就给大家介绍下成都市蜀兴计算机职业中学的分数线，以供参考。成都市蜀兴计算机职业中学所属地普通高中2020年录取分数线招生学校录取分数川师大附中599盐道街中学565成都市十七中543田家炳中学553电子科大实验中学57...

【MySQL】数据库服务器硬件优化与实战详解(调优篇)(实战篇)（MySQL专栏启动）_数据库优化硬件优化-程序员宅基地

文章浏览阅读5.5k次，点赞34次，收藏36次。本文从数据库服务器底层硬件介绍，什么是服务器，结合CSAPP中的第4、6、9章的存储器层次结构、虚拟内存、处理器体系结构，分析MySQL服务器需要做的一些优化，并给出优化建议。_数据库优化硬件优化

【信息系统项目管理师】高项知识框架--考点大汇总_高项管师章节重点知识归纳-程序员宅基地

文章浏览阅读5.9k次，点赞10次，收藏72次。【信息系统项目管理师】高项知识框架–考点大汇总_高项管师章节重点知识归纳

ASP.NET网站制作-程序员宅基地

文章浏览阅读6.4k次，点赞3次，收藏28次。ASP.NET网站制作1、ASP.NET页面对象1网页脚本当客户端通过客户浏览器发送HTTP请求时，web服务器将HTML文档部分和脚本部分返回给客户端浏览器，在客户端浏览器中解释执行并及时更新页面，脚本处理工作全部在客户端浏览器执行完成。优点：减轻服务器负荷，同时增加页面的反应速度。缺点：浏览器差异性导致页面差异支持的语言： JavaScriptJScript VBScript（2）服务端脚本..._asp.net网站制作

车载 OTA技术概念_sota和ota的区别?-程序员宅基地

文章浏览阅读3k次，点赞10次，收藏54次。总的来说，OTA实现方案分为两种，一种与通常的刷写方式一样，即先擦除当前版本软件，再刷写新版本软件，但这种方法有个隐患，就是新软件有问题时，由于旧软件已经被擦除，没有备份，恢复会很麻烦，因此就提出了另一种，即A/B交换。（Firmware-Over-the-Air），是指不改变车辆原有配件的前提下，通过写入新的固件程序，使拥有联网功能的设备进行升级，包括车辆的发动机，电机，变速箱，底盘等控制系统，比如特斯拉曾通过FOTA新增过自动驾驶功能、增加过电池容量和改善过刹车距离等。，那都将是一项很繁重的任务。_sota和ota的区别?

清空数据库的方法_548数据库清库-程序员宅基地

文章浏览阅读744次。近来发现数据库过大,空间不足,因此打算将数据库的数据进行全面的清理,但表非常多,一张一张的清空,实在麻烦,因此就想利用SQL语句一次清空所有数据.找到了三种方法进行清空.使用的数据库为MS SQL SERVER.1.搜索出所有表名,构造为一条SQL语句declare @trun_name varchar(8000)set @trun_name=''select_548数据库清库