首先我們來看看關于HTML span標簽的class屬性的意思:

span英文為跨度 的意思，但是在網頁制作中它是html標簽的一種完整標簽為 span /span

span 標簽被用來組合文檔中的行內元素。

class在html中用來定義標簽的樣式，可重復利用，針對不同的標簽它可以定義長寬高以及背景顏色等等...

例如、 span >

往下看發展：

這有一個例子：

 p span some text. /span some other text. /p 

例子的解釋在這：

如果不對 span 應用樣式，那么 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此，上例中的 span 元素仍然為 p 元素增加了額外的結構。

可以為 span 應用 id 或 class 屬性，這樣既可以增加適當的語義，又便于對 span 應用樣式。

可以對同一個 span 元素應用 class 或 id 屬性，但是更常見的情況是只應用其中一種。這兩者的主要差異是，class 用于元素組（類似的元素，或者可以理解為某一類元素），而 id 用于標識單獨的唯一的元素。

提示：事實上，您也許已經注意到了，W3School 站點上有一些文本的樣式與其他文本是不同的。比如“提示”使用了粗體的橘紅色。盡管實現這種效果的方法非常多，但是我們的做法是：使用“提示”使用 span 元素，然后對這個 span 元素的父元素，即 p 元素應用 class，這樣就可以對這個類的子元素 span 應用相應的樣式了。

這是HTML中的代碼:

 p >
這是CSS中的代碼:
p.tip span {font-weight:bold;color:#ff9955;}
就這樣，一個簡單的css屬性，加上span標簽的應用，就能讓一個標簽應用到別的標簽元素中去，這樣就是css樣式的好處之一，用著方便。
再來一個完整的HTML span標簽的class實例：
 !DOCTYPE html  html  head  meta charset= utf-8  title PHP (VeVb.com) /title  style span.intro {color:blue;}p.important {color:green;} /style  /head  body  span >
就圖中能理解多少，這也是一個很簡單的網頁，加上了點css樣式，就能把整個樣式整改。比如把字體顏色改為藍色了。
就想如圖：
好了，以上就是關于HTML span標簽的class屬性的介紹。有問題可以在下方提問。
【小編推薦】
HTML中的base標簽如何寫相對路徑？（內附使用介紹）
HTML img標簽的src屬性的用法是什么？具體使用方法解析（內附實例）
以上就是如何使用HTML span標簽的class屬性？這里有關于class屬性的詳解的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。