css樣式span用法

這個不用死記。你只要知道

十余年建站經(jīng)驗， 做網(wǎng)站、成都網(wǎng)站設(shè)計客戶的見證與正確選擇。創(chuàng)新互聯(lián)提供完善的營銷型網(wǎng)頁建站明細報價表。后期開發(fā)更加便捷高效，我們致力于追求更美、更快、更規(guī)范。

p.aa span{} 的意思是 p class="aa"span/span/p就行。

p.aa就等于 CSS部分 aa{......}

body部分 p class="aa"/p

p.aa span{}就是說 span/span放在p class="aa"/p里面使用才能引用上面的CSS，

既p class="aa" spanABCD/spanEFG/p 這里ABCD引用了上面的CSS，而EFG沒有引用CSS。

如果span/span 放在p class="aa"/p外面則span/span不能引用CSS。

其它的標(biāo)簽也是一樣。

css中的span有什么用作

你問題中的“span{”是一個css片段，并不完整。css是一種控制頁面展現(xiàn)的語言，其基本工作方式是：指定某一些元素，再為其指定一些樣式。比如：

span{color:red}的意思就是將頁面中span元素內(nèi)所有文字都設(shè)為紅色。那么“span{”就表示后面的css樣式是針對span元素的（對其他諸如p元素、div元素就不會起作用），最后要有對應(yīng)的“}”來結(jié)束。

span的樣式怎樣在css內(nèi)控制？

css內(nèi)控制說的是在外聯(lián)的css文件中控制，這樣方法的主要問題在于如何選中當(dāng)前span，也就是平時所說的屬性選擇器。如果本身頁面中存在很多的span那需要單獨給想要添加樣式的span添加一個class或者id（注：id具有唯一性），然后通過class或者id進行控制。代碼如下：

HTML：

span?class="aa"aa/span

span?id="bb"bb/span

spancc/span

CSS:

.aa{?color:red;}??/*aa顯示為紅色*/

#bb{?color:blue;}??/*bb顯示為藍色*/

css中的“span”有什么用？

span標(biāo)記定義HTML文檔中的一個行內(nèi)間隔，SPAN 的前后不換行的，它沒有結(jié)構(gòu)的意義，純粹是應(yīng)用樣式，當(dāng)其他行內(nèi)元素都不合適時，可以使用SPAN。

可以簡化的理解為用span就是為了給一些元素以特殊樣式，或者當(dāng)空標(biāo)簽掛圖用。

舉例來說p style=" color:#000;" 我是黑色的字span style=" color:#f00" 我是紅色的字/span我是黑色的字/p

我們給了p標(biāo)簽內(nèi)文本“color:#000”的樣式，也就是說令文字顏色為黑色，而文章中有幾個字你希望用紅色標(biāo)出，那么就用到了span,span標(biāo)簽內(nèi)的元素可以單獨給另一個樣式。

或者比如沒有地方掛圖片的時候：

a新品推薦/aspan style="background:url(..image/hot.gif)"/span

這是一個鏈接，假設(shè)我們這個鏈接就是有漸變背景圖的，已經(jīng)掛在了a標(biāo)簽上，但是常見的“其他新品推薦”不是會帶一個閃動的"HOT!"小圖標(biāo)嘛，我們沒有標(biāo)簽可以掛背景了。這時只需要外加一組span，就可以單獨給一個帶背景圖片的樣式。

你可能會想為什么不能用個空的div掛圖，第一div是塊狀元素而a是內(nèi)聯(lián)元素，第二用空div相當(dāng)于讓系統(tǒng)多讀取了一個無意義的div，是要減緩網(wǎng)頁讀取速度的，span沒這個問題