明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

html中規(guī)定元素的類名的屬性class

發(fā)表時間：2024-05-12 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]實例在 HTML 文檔中使用 class 屬性：<html><head><style type="text/css">h1.intro {color:blue;}p.important {color:green;}</style>...

實例

在 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 屬性規(guī)定元素的類名（classname）。

class 屬性大多數(shù)時候用于指向樣式表中的類（class）。不過，也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。

提示和注釋

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

提示：可以給 HTML 元素賦予多個 class，例如：<span class="left_menu important">。這么做可以把若干個 CSS 類合并到一個 HTML 元素。

提示：類名不能以數(shù)字開頭！只有 Internet Explorer 支持這種做法。

瀏覽器支持

W3C: "W3C" 列指示 W3C 的 HTML/XHTML 推薦標準中是否定義了該屬性。

IEFirefoxOperaSafariW3C
YESYESYESYESYES

語法

<element class="value">

屬性值

值描述
classname規(guī)定元素的類的名稱。如需為一個元素規(guī)定多個類，用空格分隔類名。

示例

<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中規(guī)定元素的類名的屬性class的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。