html中class什麼意思?html的class屬性用法介紹(附執行個體)

來源:互聯網
上載者:User
本篇文章主要的介紹了關於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的用法執行個體還有作用解釋,有問題可以在下方提問。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.