CSS是一種用于描述網(wǎng)頁外觀的語言,它可以用來更改模板的外觀,比如改變文字顏色、背景顏色、字體大小等。下面就來介紹如何使用CSS來更改模板的外觀。
/* 選中元素并更改其樣式 */ p { color: red; font-size: 18px; background-color: #eee; } /* 選中類名為“my-class”的元素并更改其樣式 */ .my-class { border: 1px solid black; padding: 10px; } /* 選中id為“my-id”的元素并更改其樣式 */ #my-id { font-weight: bold; text-decoration: underline; }
通過設(shè)定不同的CSS屬性,可以改變?cè)氐臉邮健T谏厦娴拇a中,第一個(gè)代碼塊選擇了所有的p標(biāo)簽,設(shè)置了它們的文字顏色為紅色,字體大小為18像素,背景顏色為淺灰色。第二個(gè)代碼塊選中了一個(gè)類名為“my-class”的元素,為它加上了黑色邊框和內(nèi)邊距。第三個(gè)代碼塊選中了一個(gè)id為“my-id”的元素,為它設(shè)置了粗體和下劃線加粗效果。
為了在網(wǎng)頁中應(yīng)用CSS,可以通過CSS文件的方式將CSS代碼引用進(jìn)來。比如,創(chuàng)建一個(gè)名為“style.css”的CSS文件,寫入上述CSS代碼,然后在HTML文件的頭部引用它即可:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
這樣,所有在style.css中定義的樣式都會(huì)被應(yīng)用到HTML文件中的相應(yīng)元素中。