本篇文章主要的介紹了關於html 中的class的含義和html中的class的用法執行個體解析。左後還有html class的作用解釋。接下來就讓我們一起來看這篇文章吧
首先我們先介紹html中的class的含義:
class屬性規定元素的類名(classname)。
class屬性大多數時候用於指向樣式表中的類(class)。不過,也可以利用它通過JavaScript來改變帶有指定class的HTML元素。
html中的class=是一個選取器,可以理解為一個標識,用來標識特定的標籤。
比如:<divclass="div1"></div>這就是一個標識效果,以後你想要改變這個div的樣式的話就可以找class為div1的元素了。
另外一般的flash檔案是不可視的,它只是調用了而已。當你想單獨觀看或者直接下載這個flash檔案的話,就可以把這個flash的名稱按照路徑拷貝到瀏覽器裡就可以直接看了。
注釋:class屬性不能在以下HTML元素中使用:base, head, html, meta, param, script, style以及title。
提示:可以給HTML元素賦予多個class,例如:<span class="left_menu important">。這麼做可以把若干個CSS類合并到一個HTML元素。
提示:類名不能以數字開頭!只有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">topic.alibabacloud.com</h1><p>一個編程網站</p><p class="important">這裡是topic.alibabacloud.com</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">第一行文字topic.alibabacloud.com</p> <p class="text2">topic.alibabacloud.com第二個文字</p> </div><body>
這個效果很明顯,如:
一個字型30像素,一個只有十像素,是不是很明顯。這也就是class選取器的定義樣式的排版而已。
html中class的作用解釋:
class一般是用於統一樣式設定,比如說啊一個ul裡面的所有li,他的的字型,背景顏色啊等 等 ,你可以把所有li的class名字取成一樣 ,因為在html中 class name這兩個名字都可以重複,接著上面說,你統一樣式之後,比如說有幾個li的樣式不一樣,這個時候你給幾個不一樣 樣式的li取個id,然後 通過id控制他的屬性
好了,以上就是本篇關於HTML class的解釋,和HTML class的用法執行個體還有作用解釋,有問題可以在下方提問。