- 網(wǎng)頁(yè)設(shè)計(jì)與制作教程:Web前端開(kāi)發(fā)(第6版)
- 劉瑞新主編
- 432字
- 2021-12-17 16:15:11
3.5 范圍元素span
span元素用來(lái)組合文檔中的行內(nèi)元素。span元素沒(méi)有固定的格式表現(xiàn),當(dāng)對(duì)它應(yīng)用樣式時(shí),它才會(huì)產(chǎn)生視覺(jué)上的變化。span元素用于標(biāo)識(shí)行內(nèi)的某個(gè)范圍,以實(shí)現(xiàn)行內(nèi)某個(gè)部分的特殊設(shè)置以區(qū)別于其他內(nèi)容。其格式為:
﹤span﹥內(nèi)容﹤/span﹥
例如,﹤p﹥﹤span﹥文本內(nèi)容﹤/span﹥其他內(nèi)容﹤/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)用樣式。
span元素與div元素的區(qū)別在于,span元素僅僅是個(gè)行內(nèi)元素,不會(huì)換行,而div元素是一個(gè)塊級(jí)元素,它包圍的元素會(huì)自動(dòng)換行。塊級(jí)元素相當(dāng)于在行內(nèi)元素前后各加了一個(gè)﹤br/﹥標(biāo)簽。用容器這一詞更容易理解它們的區(qū)別,塊級(jí)元素div相當(dāng)于一個(gè)大容器,而行內(nèi)元素span相當(dāng)一個(gè)小容器,大容器當(dāng)然可以盛放小容器。
另外,span元素本身沒(méi)有任何屬性,沒(méi)有結(jié)構(gòu)上的意義,當(dāng)其他元素都不合適的時(shí)候可以使用,同時(shí)div元素可以包含span元素,反之則不行。
- 平面構(gòu)成
- 服裝色彩搭配
- 王俊豪《產(chǎn)業(yè)經(jīng)濟(jì)學(xué)》(第3版)課后習(xí)題詳解
- 城際鐵路運(yùn)營(yíng)組織與管理
- 建筑工程測(cè)量
- 廣告設(shè)計(jì)與創(chuàng)意表現(xiàn)(第2版·微課版)
- 短視頻制作全能一本通(微課版)
- 服裝生產(chǎn)管理與質(zhì)量控制(第4版)
- 大學(xué)生必讀的100本書
- 項(xiàng)目管理(第2版)
- 電子商務(wù)網(wǎng)站開(kāi)發(fā)與設(shè)計(jì)
- 數(shù)值計(jì)算方法(第4版)
- 創(chuàng)新育人機(jī)制 提升人才培養(yǎng)質(zhì)量
- 餐飲概論
- 觸摸感應(yīng)技術(shù)及其應(yīng)用:基于CapSense