CSS是一門用于網頁排版的語言,通過CSS樣式表來改變網頁的視覺效果。下面我們來看看如何使用CSS排版HTML代碼。
<html> <head> <title>我的網頁</title> <style> /* CSS樣式表 */ body { font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { color: blue; font-size: 36px; text-align: center; } p { color: #333; font-size: 18px; line-height: 1.5; margin-bottom: 20px; } </style> </head> <body> <h1>歡迎來到我的網頁</h1> <p>這是一段文本,使用了特定的CSS樣式來控制它的字體大小、顏色和行距。</p> <p>這是另外一段文本,同樣使用CSS樣式表來改變它的展現方式。</p> </body> </html>
在上面的代碼中,我們使用了CSS樣式表來控制HTML元素的展現方式。例如,通過為p元素設置字體顏色、字號和行距來改變文本的排版效果。此外,我們還可以對其他元素,如標題(h1-h6)、div和ul等進行樣式設置。
總的來說,CSS樣式表為我們提供了一種更加靈活和精確的控制HTML元素的方式,幫助我們實現網頁布局和設計。學習掌握它,可以讓我們編寫出更好用、更漂亮的網頁。