CSS是一種用于定義網(wǎng)頁樣式的語言,可以控制網(wǎng)頁中的文本、顏色、布局、字體、大小和其他方面。在網(wǎng)頁開發(fā)中,CSS是至關(guān)重要的一部分,因?yàn)樗梢宰岄_發(fā)者輕松地美化網(wǎng)頁,提高網(wǎng)頁的易讀性和可用性。
body { background-color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333333; } .header { background-image: url('header-bg.jpg'); height: 200px; background-size: cover; text-align: center; padding-top: 50px; } h1 { font-size: 36px; margin-top: 0; margin-bottom: 20px; } p { font-size: 20px; margin-bottom: 20px; line-height: 1.5; } .button { display: inline-block; padding: 10px 20px; background-color: #007bff; color: #ffffff; text-decoration: none; border-radius: 5px; font-size: 18px; transition: all 0.3s ease; } .button:hover { background-color: #0062cc; }
以上代碼演示了如何使用CSS來定義一個基本的網(wǎng)頁樣式。首先定義了整個網(wǎng)頁的基本樣式,包括背景、字體、字號和顏色等。然后定義了一個頁眉區(qū)域,設(shè)置了背景圖片和高度,并使用text-align屬性來使其居中。接下來定義了一些文本的樣式,包括字號、行高和邊距等。最后定義了一個按鈕的樣式,包括背景顏色、字體顏色、邊框半徑和過渡效果等。