html中規定元素的類別名稱的屬性class-html教學-PHP中文網

html中規定元素的類別名稱的屬性class

黄舟

發布： 2017-11-03 09:38:46

原創

4838 人瀏覽過

實例

在HTML 文件中使用class 屬性：

<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，例如：。這麼做可以把若干個 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,但是要使用空格分開

以上是html中規定元素的類別名稱的屬性class的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

html中規定元素的類別名稱的屬性class