HTML和CSS是網頁設計的關鍵技術。HTML負責頁面內容的結構和語義化,而CSS則負責頁面樣式的美化。在網頁設計中,基礎的CSS代碼非常重要。
/* 基礎CSS代碼 */ body { font-size: 16px; font-family: Arial, sans-serif; color: #333; background-color: #fff; } h1, h2, h3 { font-weight: normal; } a { color: #0070c0; text-decoration: none; } .container { width: 960px; margin: 0 auto; padding: 20px; } .header { height: 80px; background-color: #f2f2f2; border-bottom: 1px solid #d9d9d9; } .nav { height: 40px; line-height: 40px; background-color: #999; color: #fff; text-align: center; } .main { width: 600px; margin-right: 20px; float: left; padding: 20px; background-color: #fff; border: 1px solid #d9d9d9; } .sidebar { width: 300px; float: left; padding: 20px; background-color: #fff; border: 1px solid #d9d9d9; } .footer { height: 50px; background-color: #f2f2f2; border-top: 1px solid #d9d9d9; text-align: center; line-height: 50px; }
上述代碼中,我們定義了body元素的字體大小、字體族、文字顏色和背景色;h1、h2和h3元素的字體粗細;a元素的文字顏色和下劃線;容器元素.container的寬度、居中顯示和內外邊距等;header、nav、main和sidebar等元素的樣式和布局等。這些基礎的CSS代碼可以使網頁看起來更加美觀、規范。