Web頁面的外觀很大程度上依賴于CSS的引用。CSS,全稱為層疊樣式表(Cascading Style Sheets),它與HTML一起協助開發者來設計頁面樣式。CSS讓你可以很容易的控制字體、顏色、大小、文本方向、圖片的大小和位置。本文將簡要介紹如何通過引用CSS文件來控制Web頁面的樣式。
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>這是一個標題</h1> <p>這是一個段落。</p> </body> </html>
在HTML文檔中,通過<link>元素來引用CSS文件。通常,<link>元素需要放在HTML文檔的<head>標簽中。CSS文件的路徑和文件名需要作為<link>元素的href屬性的值傳遞。CSS文件的類型應設置為"text/css",所以type屬性的值應該設置為"text/css"。
通過CSS,可以控制HTML標簽的樣式。比如要更改<h1>標簽的樣式,可以按照以下步驟進行:
- 在CSS文件中輸入h1 { },它們是一對花括號
- 在花括號中輸入要更改的樣式,例如 color:black; font-size:24px; 等等
在上面的示例中,當用戶加載頁面時,瀏覽器將從名為styles.css的外部CSS文件獲取樣式信息。
上一篇css選擇符 繼承
下一篇mysql 表一致性