html <span> 用于對(duì)文檔中的行內(nèi)元素進(jìn)行組合

<span> 標(biāo)簽沒(méi)有固定的格式表現(xiàn)

當(dāng)對(duì)它應(yīng)用樣式時(shí)，它才會(huì)產(chǎn)生視覺(jué)上的變化

如果不對(duì) <span> 應(yīng)用樣式，那么 <span> 元素中的文本與其它文本不會(huì)任何視覺(jué)上的差異。

<span> 標(biāo)簽提供了一種將文本的一部分或者文檔的一部分獨(dú)立出來(lái)的方式

被 <span> 元素包含的文本，可以使用 css 對(duì)它定義樣式，或者使用 JavaScript 對(duì)它進(jìn)行操作

例子

<p><span>some text.</span>some other text.</p>

例子解釋

如果不對(duì) span 應(yīng)用樣式，那么 span 元素中的文本與其他文本不會(huì)任何視覺(jué)上的差異。盡管如此，上例中的 span 元素仍然為 p 元素增加了額外的結(jié)構(gòu)。

可以為 span 應(yīng)用 id 或 class 屬性，這樣既可以增加適當(dāng)?shù)恼Z(yǔ)義，又便于對(duì) span 應(yīng)用樣式。

可以對(duì)同一個(gè) <span> 元素應(yīng)用 class 或 id 屬性，但是更常見(jiàn)的情況是只應(yīng)用其中一種。這兩者的主要差異是，class 用于元素組（類似的元素，或者可以理解為某一類元素），而 id 用于標(biāo)識(shí)單獨(dú)的唯一的元素。

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

html:

<p><span>提示：</span>... ... ...</p>

css:

p.tip span {
	font-weight:bold;
	color:#ff9955;
	}