CSS(Cascading Style Sheets)是一種用于定義網頁樣式的語言,適用于HTML、SVG或XML等文檔。使用CSS可以讓網頁看起來更美觀、更統一。在這里我們將介紹如何使用外部樣式表來定義網頁的樣式。
要使用外部樣式表,我們需要先創建一個新的.css文件,并將樣式規則寫在其中。比如:
body { font-family: Arial, sans-serif; background-color: #f1f1f1; } h1 { color: #ff0000; font-size: 36px; } p { color: #333; font-size: 16px; }
在這個.css文件中,我們定義了三個樣式規則分別應用于body、h1和p元素。我們可以將這些規則放在一個統一的.css文件中,然后在HTML文檔中引用它。
在HTML文檔中,我們可以使用標簽來引用這個.css文件:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
這個標簽應該放在HTML文檔的頭部,使得瀏覽器能夠先加載樣式表,然后再渲染文檔。其中"href"屬性指明樣式表文件的路徑。在這個例子中,樣式表文件名為"style.css"并與HTML文檔在同一目錄下。
這樣,我們就可以在HTML文檔中應用這些樣式規則了。比如:
<body> <h1>這是一個標題</h1> <p>這是一個段落。</p> <p>這是另一個段落。</p> </body>
當瀏覽器渲染這個HTML文檔時,它會自動應用.css文件中定義的樣式規則。
使用外部樣式表的好處在于可以將樣式規則集中管理,使得代碼更加清晰和易于維護。同時,樣式表文件可以被多個HTML文檔共享,從而實現樣式的重用,減少冗余代碼。
上一篇css如何使文本居右