html中class是什么意思-前端问答-PHP中文网

html中class是什么意思

醉折花枝作酒筹

发布： 2021-06-07 17:05:11

原创

15369人浏览过

在html中，class规定元素的类名，语法格式为“”。class属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过JavaScript来改变带有指定class的HTML元素。

html中class是什么意思

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

class 属性规定元素的类名（classname）。

class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。

提示和注释

立即学习“前端免费学习笔记（深入）”；

注释：class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。

提示：可以给 HTML 元素赋予多个 class，例如：。这么做可以把若干个 CSS 类合并到一个 HTML 元素。

提示：类名不能以数字开头！只有 Internet Explorer 支持这种做法。

语法

<element class="value">

登录后复制

实例：

<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:red;}
</style>
</head>

<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/10026">
                            <img src="https://img.php.cn/upload/webcode/000/000/012/176060160656810.png" alt="思乐微信商城微分销系统">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/10026">思乐微信商城微分销系统</a>
                            <p>思乐微信商城微分销系统是以.net+access/mssql进行开发的微信分销系统。基于微信朋友圈的传播，是打造以分销商为中心的全新微信分销体验。让粉丝实时有效的获取朋友圈流量并快速分享购买分佣。因为是基于微信，所以要在微信上体验才更好。关注我们的微信核心功能：1、自动提示用户关注微信，解决一般程序无关注微信公众号的过程2、只要通过链接进一次，不过好久注册，什么方面注册，只要是用微信注册的，都会算</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="思乐微信商城微分销系统">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/10026" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="思乐微信商城微分销系统">
                        </a>
                    </div>
                
<p class="important">请注意这个重要的段落。:)</p>
</body>

</html>

登录后复制

效果：

E%[`[83UTF$IJ5$}M7I$S5X.png

扩展资料：

id属性

id 属性规定 HTML 元素的唯一的 id。

id 在 HTML 文档中必须是唯一的。

id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。

HTML 4.01 与 HTML5之间的差异

在 HTML5 中, id 属性可用于任何的 HTML 元素 (它会验证任何HTML元素。但不一定是有用)。

在 HTML 4.01 中, id 属性不能用于: ,

, , , , <script>, <style>, 和<title>。<p>注意: HTML 4.01 对于 id 的值有严格的限制 (例如：在 HTML 4.01 id 值不能以数字开头)。<p><img src="https://img.php.cn/upload/image/511/905/822/1623056559819920.png" title="1623056559819920.png" alt="O2C9OHQM0FAR{]%GMB3]HDD.png"/><p>推荐学习：<a href="https://www.php.cn/course/list/11.html" target="_blank">html视频教程</script>

以上就是html中class是什么意思的详细内容，更多请关注php中文网其它相关文章！