在第七章中,我們將學習如何在網站中使用CSS樣式表。CSS樣式表是一種用于定義網頁布局和樣式的語言。它允許將樣式定義從HTML文檔中分離出來,使得網站設計更加靈活和易于維護。
body { font-family: Arial, Helvetica, sans-serif; background-color: #f2f2f2; } h1 { color: #333; font-size: 36px; text-align: center; } p { font-size: 20px; color: #666; line-height: 1.5; margin: 20px auto; max-width: 600px; }
以上是一個基本的樣式表示例,它定義了一些基本的HTML元素的樣式。例如,它將所有正文的文字大小設為20像素,顏色為#666,行高為1.5,同時在每個段落的頂部和底部添加了20像素的邊距,并將段落的最大寬度設置為600像素。
通過將樣式表定義存儲在不同的文件中,可以將樣式定義從HTML文檔中徹底分離出來。這樣,您可以更輕松地控制網站的布局和樣式,同時保持代碼的簡潔性和清晰度。
以上是CSS樣式表的基礎介紹,通過對CSS樣式表的學習,我們可以更好地控制網站的布局和樣式,從而打造出更加精美和專業的網站。