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

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

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

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

實(shí)例

在 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ù)時(shí)候用于指向樣式表中的類（class）。不過，也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。

提示和注釋

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

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

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

瀏覽器支持

W3C: "W3C" 列指示 W3C 的 HTML/XHTML 推薦標(biāo)準(zhǔn)中是否定義了該屬性。

IEFirefoxOperaSafariW3C
YESYESYESYESYES

語法

<element class="value">

屬性值

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

示例

<div class="dreamdu1">連接div標(biāo)簽與dreamdu1樣式<div>
<div class="dreamdu12px dreamdublack dreamdubold">使用空格分開多個(gè)樣式連接div標(biāo)簽<div>
div.dreamdu12px{	
font-size: 12px;}
div.dreamdublack{	
color: black;}
div.dreamdubold{	
font-weight: bold;}

可以使用多個(gè)classname,但是要使用空格分開

以上就是html中規(guī)定元素的類名的屬性class的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


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