html语言中标签的class属性的作用_html中class标签的作用_陆老师Peter的博客-程序员宅基地

技术标签: HTML  标签  html中的class属性  网站前端开发  class属性  

其实class属性的值对应的就是你定义的css的名字,它和class的属性值相对应。

例如:<td class="t1"></td>
<style type="text/css">
.t1 {
font-size: 12px;//字体大小
line-height: 22px;//文本行高
color: #000000;//文本颜色
margin: 6px;//边界
padding: 6px;//填充(文本与边界的距离)
border-bottom-width: 1px;//底部边框宽度
border-bottom-style: solid;//底部边框样式为实线
border-bottom-color: #CCCCCC;//底部边框颜色
}
</style>
class属性一般都是ID,这个ID都是调用前边的属性标签用的,只要找到相对应的标签代码就可以了,一般标准形式是class=“id号”
比如这个在调用的时候就会写代码:<td class="t1" > </td>
 

以上内容的出处:https://blog.csdn.net/eagle_or_snail/article/details/82668871

 

再来看另外一个人写的:

html里的class属性就是类的意思,在html中有ID类和CLASS类。其实就是定义引用的型号。而其中ID类是用#来识别,如#a,当你在制作网页时,可用ID=a来应用你之前定义的#a.而CLASS类则是用.a,当你在制作网页时,可用class=a来应用你之前定义的.a。而ID类和CLASS类的区别就是,ID在一个网页中只能被引用一次,而CLASS类可以被多次引用。
而这个引用是什么意思呢?其实就是建立一个仓库,里面存放着很多的样式,比如文字颜色,大小等。你在外面要建设网站了,你想把文字设置成红色。但是仓库里有一堆的样式如#a {color:red;(字体颜色为红色)font-size:14px;(字体大小为14PX)},如何知道你引用哪一个呢,所以就给每个样式定义了一个编号也就是#a或.a中的a就是编号。然后在引用时就可以用ID=a 或CLASS=a来引用。

这两段的出处:https://wenda.so.com/q/1365973205062458?src=140

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_34573534/article/details/93597284

智能推荐

normalize.css样式初始化源码8.0.1-程序员宅基地

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font

AJAX&搜索联想&两种分页方式_联想数据可以分页吗-程序员宅基地

AJAX 快速入门AJAX 介绍AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML。  本身不是一种新技术,而是多个技术综合。用于快速创建动态网页的技术。一般的网页如果需要更新内容,必需重新加载个页面。而 AJAX 通过浏览器与服务器进行少量数据交换,就可以使网页实现异步更新。也就是在不重新加载整个页面的情况下,对网页的部分内容进行局部更新。什么是同步什么是异步原生 JavaScript 实现 AJAX核心对象:_联想数据可以分页吗

(王道408考研数据结构)第五章树-第二节2:树与二叉树的存储结构_双亲表示法 考研-程序员宅基地

文章目录一:树的存储结构(1)双亲表示法(2)孩子表示法(3)孩子兄弟表示法二:二叉树存储结构(1)二叉树顺序存储结构(2)二叉链表一:树的存储结构(1)双亲表示法双亲表示法:在树中,除了根节点外的其余每个结点,它不一定有孩子,但是一定有且只有一个双亲。使用一组连续的存储空间来存放结点,结点按一定顺序(一般是从上到下,从左到右)依次存放在数组中,数组的下标表示了该结点的位置,每个结点有一个数据域和一个指针域,指针域保存的是该结点的双亲结点在数组中的下标其结构体定义如下#define MaxSiz_双亲表示法 考研

UML(Unified Modeling Language) 统一建模语言-程序员宅基地

摘要1:https://blog.csdn.net/qq_35495763/article/details/807649141 UML简介统一建模语言(Unified Modeling Language,UML)又称标准建模语言,是始于1997年的一个OMG标准,它是一个支持模型化和软件系统开发的图形化语言,为软件开发的所有阶段提供模型化和可视化支持,包括由需求分析到规格,到构造和配置。‘UML感兴趣的可以阅读UML 1规 范,包含了UML 的所有知识内容。注:OMG, Object Man._unified modeling language

如何在家优雅地使用 Sci-Hub 免费下载外文文献-程序员宅基地

如何在家优雅地使用 Sci-Hub 免费下载外文文献一、使用 URL 下载你可以到 sci-hub 这个网站搜索你要的外文文献,比如我搜了下:recommend system,选择其中一篇文献打开找到该文献的 URL,复制然后再到这个 网站,粘贴复制的 URL,点击 搜索并下载然后会跳出一个页面,要输入验证码,输完点击下面的那个然后发现可以看到该论文,并且右上角有下载按...

Python_从零开始学习_(3) PyCharm_从零学pycharm-程序员宅基地

目录1. 恢复 PyCharm 的初始设置2. PyCharm使用和配置3. 新建 / 打开一个 Python 项目4. PyCharm 的升级以及其他5. 设置 PyCharm 的启动图标 (快捷方式)6. 卸载 PyCharm7. 多文件项目演练 简单介绍 : PyCharm是一种Python IDE,带有一整套可以帮助用户在使用Python语..._从零学pycharm

随便推点

SpringCloud —— Sleuth 分布式请求链路跟踪_private tracer + 可以在哪注入-程序员宅基地

文章目录概述为什么会出现这个技术?需要解决哪些问题?什么是 Sleuth ?概述为什么会出现这个技术?需要解决哪些问题?在微服务框架中,一个由客户端发起的请求在后端系统中会经过多个不同的服务节点调用来协同产生最后的请求结果,每一个前端请求会形成一条复杂的分布式服务调用链路,链路中的任何一环节出现高延时或错误都会引起整个请求最后的失败什么是 Sleuth ?SpringCloud Sleuth 提供了一套完整的服务跟踪的解决方案,在分布式系统中提供追踪解决方案并且兼容支持了 zipkin..._private tracer + 可以在哪注入

cmseasy最新版SQL注入漏洞+Bypass 360webscan方法-程序员宅基地

先下载最新版(2015-03-18):http://ftp.cmseasy.cn/CmsEasy5.x/CmsEasy_5.5_UTF-8_20150318.zip 经过神器比对,发现最...

基于TensorFlow1使用Horovod实现BERT在单节点上的多GPU卡训练_bert的tensorflow的1.x版本的单机多gpu_TFATS的博客-程序员宅基地

一,下载从github中下载tensorflow1版本的bert代码和预训练模型1,下载bert代码地址:google-research/bert2,下载预训练模型,此处可选择bert-base中文版本,如下图:3,如官网所示创建执行脚本-方便传参,如下图所示:二,修改创建执行脚本根据机器的GPU个数,Horovod运行多卡训练gpu_num=$(nvidia-smi --query-gpu=name --format=csv,noheader | wc -l)horovodrun _bert的tensorflow的1.x版本的单机多gpu

猫眼APP抓包——爬虫-程序员宅基地

我们打开猫眼电影PC端官网,发现只有十几条评论,而绝大多数评论都是在App上,因此我们需要从App上获取评论数据。一般地,我们要获取App数据就必须通过抓包软件进行分析,找到对应的接口,我们找到借口后即可直接对url链接进行访问。如猫眼电影的评论接口为:http://m.maoyan.com/mmdb/comments/movie/电影代号.json?v=yes&amp;offset=1...

Java 处理异常(常见异常表)_异常表java-程序员宅基地

搜集了一些常见的异常资料,帮助大家方便调试程序:异常列表:1. java.lang.nullpointerexception 2. Java.lang.classnotfoundexception3. Java.lang.arithmeticexception4. Java.lang.arrayindexoutofboundsexception5. Java.lang.il_异常表java

顶点计划报告——设计思维_设计中的共情同理思维-程序员宅基地

顶点计划II——设计思维设计思维在我们的日常生活中发挥着非同寻常的作用。比起循规蹈矩做着重复的工作,能够think out of the box,通过不一样的方式达成某个目标可能会带来超常的回报。本篇报告将从我的角度阐述我对设计思维的认识以及思考,希望您能喜欢。一、历史在深入探讨设计思维的具体内容之前不妨让我们先来了解一下设计思维的由来和历史。设计思维的本质是创新,通俗来讲便是采用新的方法,或是创造新的事物。说到设计思维便不得不提起硅谷著名的设计公司IDEO。IDEO作为一家没有实体产业的公司,靠着_设计中的共情同理思维