在HTML5中,class屬性可以定義元素的類名,常用于指向樣式表的類(class選擇器),也可用于JavaScript中, 將修改HTML元素的類名,修改樣式;語法格式“<element class="classname">”。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
HTML5 class 屬性
class 屬性定義了元素的類名。
class 屬性通常用于指向樣式表的類(即CSS .class 選擇器)。但是,它也可以用于 JavaScript 中(通過 HTML DOM), 來修改 HTML 元素的類名。
語法
<element class="classname">
classname:規(guī)定元素的類的名稱。如需為一個元素規(guī)定多個類,用空格分隔類名。 <span class="left important">. HTML 元素允許使用多個類。
名稱規(guī)則:
-
必須以字母 A-Z 或 a-z 開頭
-
可以是以下字符: (A-Za-z), 數(shù)字 (0-9), 橫桿 ("-"), 和 下劃線 ("_")
-
在 HTML 中, 類名是區(qū)分大小寫的
【推薦教程:《html視頻教程》】
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .center { text-align:center; } </style> </head> <body> <h1 class="center">標題居中</h1> <p class="center">段落居中。</p> </body> </html>
效果圖: