在編寫網頁時,我們經常需要為網頁添加一些樣式來美化頁面,比如改變字體、顏色、背景等等。這就要用到CSS(層疊樣式表)。而在HTML中,我們可以使用內嵌式的CSS標記來定義樣式。
<p style="color: red; font-size: 20px; background-color: yellow;">這是一個使用內嵌式CSS標記的段落。</p>
上述代碼中,我們使用了<p>標簽來定義段落,同時在<p>標簽的style屬性中加入了CSS樣式。其中,color屬性定義了字體顏色為紅色,font-size屬性定義了字體大小為20像素,background-color屬性定義了背景顏色為黃色。
當然,在實際使用中,我們可以根據(jù)需要添加更多樣式屬性,比如字體、字形、行間距等。
<p style="font-family: 'Microsoft Yahei', Arial, sans-serif; font-weight: bold; line-height: 1.5;">這是一個使用不同字體、加粗、調整行間距的段落。</p>
上述代碼中,我們使用了<p>標簽來定義段落,同時在<p>標簽的style屬性中加入了CSS樣式。其中,font-family屬性定義了字體為“微軟雅黑”(如果電腦上沒有安裝“微軟雅黑”,則使用Arial或sans-serif字體),font-weight屬性定義了字體加粗,line-height屬性定義了行間距為1.5。
總的來說,內嵌式CSS標記為我們提供了一種靈活的樣式定義方式,使得我們可以輕松地為網頁添加各種樣式屬性,使得頁面更加美觀、易讀。
上一篇html于css
下一篇html五種css選擇器