HTML是網頁的基礎語言,它定義了網頁的結構和內容。但是,僅有HTML的網頁看起來單調乏味。為了讓網頁變得更加豐富和美觀,我們需要使用CSS來為HTML元素添加樣式。
要為HTML元素添加CSS樣式,我們需要在HTML文檔中使用style標簽。以下是一個簡單的例子:
<!DOCTYPE html> <html> <head> <title>我的網頁</title> <style> p { font-size: 16px; color: blue; } </style> </head> <body> <p>這是一段帶有CSS樣式的文本</p> </body> </html>
在上面的例子中,我們為p元素定義了兩個CSS樣式屬性:font-size和color。這些屬性控制了這段文本的字體大小和顏色。
注意,在樣式標簽中,我們使用了“選擇器和屬性”。選擇器指定了HTML元素,屬性定義了要應用于該元素的CSS樣式。在上面的例子中,我們使用了“p”選擇器來指定所有的段落元素,并在選定元素上應用了兩個CSS樣式屬性。
除了使用style標簽,我們還可以將CSS樣式定義在單獨的CSS文檔中,然后在HTML網頁中使用link標簽鏈接到該文檔。這樣,我們就可以在多個網頁上重復使用相同的樣式了。
總結來說,CSS是HTML網頁中添加樣式和美觀感的重要部分。在HTML文檔中,我們可以使用style標簽或鏈接到外部CSS文檔來為HTML元素添加CSS樣式,并使用選擇器和屬性來定義CSS樣式。
下一篇html快速提升css