CSS(Cascading Style Sheets,層疊樣式表)是一種用于控制網頁元素展示的標記語言。與HTML不同,CSS并不關心文本內容和網頁結構,而是專注于如何呈現這些結構。因此,我們通常將CSS作為HTML的輔助程序,在其展示過程中添加樣式和視覺效果。
下面是在HTML文檔中添加CSS樣式的代碼示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的HTML頁面</title> <style> p { color: red; font-size: 18px; } </style> </head> <body> <p>這是我的HTML頁面</p> </body> </html>
在上述代碼中,我們在HTML的<head>標簽中添加了一段<style>標簽,其中我們規定了p元素的顏色和字體大小。隨后,在HTML的<body>標簽中,我們使用了一個<p>標簽來展示由CSS定義的字體和顏色。
需要注意的是,CSS樣式可以作為外部文件單獨存儲,這樣可以減少HTML文件的復雜度。在HTML文件中,我們可以通過使用<link>標簽來引入CSS文件:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的HTML頁面</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是我的HTML頁面</p> </body> </html>
在上述代碼中,我們通過使用<link>標簽引入了名為"style.css"的CSS文件,其中包含了所有的樣式信息。這樣,我們可以在該文件中進行全局的樣式設置,使HTML文件更易于維護和管理。