CSS3中的Span屬性可以讓我們對(duì)文本的某個(gè)部分進(jìn)行樣式編輯,我們可以對(duì)一段文字中的某個(gè)詞語(yǔ)、某個(gè)字母甚至某個(gè)字符進(jìn)行樣式修改。
<style> span{ color: red; font-weight: bold; } </style> <p>這是一句話,<span>我是紅色粗體字</span>,我還是黑色常規(guī)字</p>
如上所示,我們?cè)贑SS樣式中定義了span標(biāo)簽的樣式,然后在p標(biāo)簽中包裹了要修改樣式的文字,用span標(biāo)簽作為標(biāo)記,就可以實(shí)現(xiàn)樣式修改。
除了上述例子中的文字顏色和字體加粗,還可以使用Span屬性實(shí)現(xiàn)背景色、字體大小、字體樣式等多種樣式修改。而且Span屬性不僅限于文字,可以對(duì)任何一個(gè)元素或節(jié)點(diǎn)進(jìn)行樣式修改。
<style> span{ background-color: yellow; font-size: 24px; } </style> <p>這是一句話,<span>我有黃色背景,字體也比較大</span>,我還是黑色常規(guī)字</p> <div> <span>我是一個(gè)</span><a href="#">鏈接</a><span>,也可以改變連接的樣式</span> </div>
上述代碼中我們使用了CSS3中的span屬性,分別對(duì)一段文字和一個(gè)鏈接進(jìn)行樣式的修改,實(shí)現(xiàn)了黃色背景、24px字體的效果。
CSS3中的Span屬性增強(qiáng)了我們?cè)跇邮骄庉嫹矫娴哪芰Γ屛覀兡軌蚋泳?xì)地控制元素的樣式。