CSS可以通過給標(biāo)簽添加樣式來添加文字,在HTML中,每個(gè)標(biāo)簽都有其對(duì)應(yīng)的樣式類,給段落添加樣式可以通過給<p>
標(biāo)簽添加類名來實(shí)現(xiàn)。
在HTML中定義一個(gè)段落標(biāo)簽<p>
,并給它添加一個(gè)類名,例如my-paragraph
:
<p class="my-paragraph">這是一個(gè)段落。</p>
在CSS中定義這個(gè)類名的樣式,例如給段落添加顏色、字體大小等:
.my-paragraph { color: blue; font-size: 16px; }
這樣,段落就會(huì)顯示為藍(lán)色,字體大小為16像素,你也可以給其他標(biāo)簽添加樣式,例如<h1>
、<div>
等。
除了給標(biāo)簽添加樣式外,CSS還支持給偽元素添加樣式,偽元素是HTML元素中不存在的部分,例如元素的背景、邊框等,通過給偽元素添加樣式,可以實(shí)現(xiàn)一些特殊的效果,給段落添加下劃線:
.my-paragraph { text-decoration: underline; }
這樣,段落下面就會(huì)有一條下劃線,偽元素的應(yīng)用遠(yuǎn)不止于此,可以通過學(xué)習(xí)CSS來掌握更多有趣的效果。