CSS3是前端開發(fā)人員必備技能之一，而span是CSS3中一個非常重要的元素，它是行級元素，常常被用來設(shè)置文本的樣式。

html {
font-size: 16px;
}
span {
color: #ff0000;
font-weight: bold;
}

在上面的代碼中，我們定義了一個HTML的基礎(chǔ)字體大小為16px，并且為span元素設(shè)置了紅色字體和加粗效果。當(dāng)我們在HTML頁面中使用span元素時，可以非常方便地應(yīng)用這些樣式。

除了基本的文本樣式設(shè)置，span元素還可以用來設(shè)置其他樣式，例如添加背景色、圓角等等。具體實現(xiàn)方式可以通過CSS3的偽元素來完成。

span::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ff0000;
margin-right: 5px;
}

在這個例子中，我們通過CSS3的偽元素:before來為span元素添加一個紅色的圓形背景，同時也設(shè)置了圓角效果。

在Web開發(fā)中，span元素是一個非常實用的工具，它可以幫助我們實現(xiàn)各種各樣的文本樣式，從而為用戶提供更好的視覺體驗。同時，在使用span元素時，我們也需要注意它的用法和語義性，避免出現(xiàn)不必要的麻煩。