CSS(Cascading Style Sheets)是網(wǎng)頁(yè)設(shè)計(jì)中不可或缺的一部分,它可以定義并控制網(wǎng)頁(yè)中所有的樣式,比如字體、顏色、布局等等。外部樣式是一種在HTML頁(yè)面中定義CSS規(guī)則的方法,它能夠統(tǒng)一地應(yīng)用到多個(gè)網(wǎng)頁(yè)中。
要?jiǎng)?chuàng)建外部樣式,我們需要做以下幾個(gè)步驟:
- 創(chuàng)建CSS文件。在你的IDE中新建一個(gè)CSS文件,并將其保存到一個(gè)便于查找的目錄中。在文件中,使用pre標(biāo)簽將CSS規(guī)則以代碼的形式呈現(xiàn):
- 在HTML頁(yè)面中引入CSS文件。在HTML頁(yè)面的頭部區(qū)域,使用link標(biāo)簽將CSS文件引用進(jìn)來(lái),并在href屬性中指定CSS文件的路徑:
- 應(yīng)用CSS樣式。在HTML頁(yè)面中,我們可以用class或者id選擇器來(lái)應(yīng)用CSS樣式。比如上面CSS文件中的.container類的樣式,可以通過(guò)給HTML頁(yè)面中的某個(gè)元素添加class="container"來(lái)應(yīng)用:
/* 這是一個(gè)CSS樣式文件 */ h1 { font-size: 36px; color: #333; } p { font-size: 18px; } .container { width: 960px; margin: 0 auto; }
我的網(wǎng)頁(yè)
這是一個(gè)“容器”元素。
總之,使用外部樣式可以讓我們?cè)诓煌腍TML頁(yè)面中重復(fù)使用同一組CSS規(guī)則,從而更容易地維護(hù)和修改我們的網(wǎng)站。