CSS 中的 span 是一種行內元素,可以用于對某個文本進行樣式的設置。
span { color: red; font-size: 20px; }
上面的代碼將會把所有的 span 元素的字體顏色設置為紅色,字體大小設置為 20px。
一般來說,span 元素用于遍歷一個文本中的某些部分。例如,在一個段落中,你可能想要強調一些單詞。這時候,你可以用 span 標簽來給這些特定的單詞設置樣式。
今天的天氣不錯,我們可以去公園玩。
上面的代碼將會把“天氣”和“公園”這兩個單詞的字體顏色變為默認顏色。
需要注意的是,span 是行內元素,如果你想給它設置寬度、高度、邊框等屬性,需要將其設置為塊級元素。
span { display: block; width: 100px; height: 100px; border: 1px solid black; }
上面的代碼將會把所有的 span 元素變成塊級元素,并設置寬度、高度、邊框。
總的來說,span 標簽非常有用,可以在 CSS 中對文本中的某些內容進行樣式的設置。同時,它也可以幫助 HTML 元素更好地進行語義化的設計。
上一篇純css實現導航欄菜單
下一篇純css表單庫