Rumah > Artikel > hujung hadapan web > html中规定元素的类名的属性class
html中规定元素的类名的属性class
- 黄舟asal
- 2017-11-03 09:38:464853semak imbas
实例
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph.</p>
</body>
</html>定义和用法
class 属性规定元素的类名（classname）。
class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
提示和注释
注释：class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
提示：可以给 HTML 元素赋予多个 class，例如：ed01267bd893fb77498e054aace29f33。这么做可以把若干个 CSS 类合并到一个 HTML 元素。
提示：类名不能以数字开头！只有 Internet Explorer 支持这种做法。
浏览器支持
W3C: "W3C" 列指示 W3C 的 HTML/XHTML 推荐标准中是否定义了该属性。
| IE | Firefox | Opera | Safari | W3C |
| YES | YES | YES | YES | YES |
语法
<element class="value">
属性值
| 值 | 描述 |
| classname | 规定元素的类的名称。如需为一个元素规定多个类，用空格分隔类名。 |
示例
<div class="dreamdu1">连接div标签与dreamdu1样式<div> <div class="dreamdu12px dreamdublack dreamdubold">使用空格分开多个样式连接div标签<div>
div.dreamdu12px{
font-size: 12px;}
div.dreamdublack{
color: black;}
div.dreamdubold{
font-weight: bold;}可以使用多个classname,但是要使用空格分开
Atas ialah kandungan terperinci html中规定元素的类名的属性class. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html规定激活（使元素获得焦点）元素的快捷键的属性accesskeyArtikel seterusnya：html规定元素内容是否可编辑的属性contenteditable