html中class什麼意思？ html的class屬性用法介紹（附實例）
- 寻∝梦原創
- 2018-09-03 17:15:2775908瀏覽
本篇文章主要的介紹了關於html 中的class的意義和html中的class的用法實例解析。左後還有html class的作用解釋。接下來就讓我們一起來看這篇文章吧
首先我們先介紹html中的class的意義：
class屬性規定元素的類別名稱（classname ）。
class屬性大多時候用來指向樣式表中的類別（class）。不過，也可以利用它透過JavaScript來改變帶有指定class的HTML元素。
html中的class=是一個選擇器，可以理解為一個標識，用來標識特定的標籤。
例如：
另外一般的flash檔案是不可視的，它只是呼叫了而已。當你想單獨觀看或直接下載這個flash檔的話，就可以把這個flash的名稱按照路徑拷貝到瀏覽器裡就可以直接看了。
註解：class屬性不能在下列HTML元素中使用：base, head, html, meta, param, script, style以及title。
提示：可以賦予HTML元素多個class，例如：
提示：類別名稱不能以數字開頭！只有Internet Explorer支援這種做法。
html中class屬性的屬性值：
classname ： 規定元素的類別的名稱。如需為一個元素規定多個類，用空格分隔類名。
現在我們來看看html中的class屬性的用法：
這有個關於html中的class屬性的實例：在HTML 文件中使用class 屬性：
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">PHP中文网</h1>
<p>一个编程网站</p>
<p class="important">这里是PHP中文网</p>
</body>
</html>效果如下圖：
我們能看到這圖片把字都變了，就一個p標籤的文字還沒效果，因為還沒設定效果。
class和id一樣是個選擇器而已，透過定義樣式後，被html的標籤呼叫來實現頁面的排版、佈局和樣式。
這還有個關於HTML class的例子：
<style>
#nav{float:left;}
/*id调用*/
.text{font-size:30px;}
.text2{font-size:10px;}
/*class调用*/
</style>
<body>
<div id="nav">
<p class="text">第一行文字PHP中文网</p>
<p class="text2">PHP中文网第二个文字</p>
</div>
<body>這個效果很明顯，如下圖：
一個字體30像素，一個只有十像素，是不是很明顯。這也就是class選擇器的定義樣式的排版而已。
html中class的作用解釋：
class一般是用於統一樣式設置，比如說啊一個ul裡面的所有li，他的字體，背景顏色啊等等，你可以把所有li的class名字取成一樣，因為在html中class name這兩個名字都可以重複，接著上面說，你統一樣式之後，比如說有幾個li的樣式不一樣，這個時候你給幾個不一樣樣式的li取個id，然後透過id控制他的屬性
好了，以上就是本篇關於HTML class的解釋，和HTML class的用法實例還有作用解釋，有問題可以在下方提問。
【小編推薦】
html空格程式碼怎麼寫？ html空格程式碼的表現方式總結
html圖片怎麼等比例縮放？ html img圖片縮放方法總結(附實例)
以上是html中class什麼意思？ html的class屬性用法介紹（附實例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！