html中怎么調(diào)用多個css文件 調(diào)用后在html中怎么用(就是怎么分別使用不同的css里面的樣式)
來源:www.petajastudio.com
時間:2022-04-23 04:53
點擊:2588
編輯:niming
手機版
CSS按其放置位置和形式可以分成三種:* 內(nèi)聯(lián)樣式(Inline Style)* 內(nèi)部樣式表(Internal Style Sheet)* 外部樣式表(External Style Sheet)內(nèi)聯(lián)樣式內(nèi)聯(lián)樣式是寫在標簽里面的,它只針對自己所在的標簽起作用。這個style定義段落中的字體是12像素的紅色字
內(nèi)部樣式表內(nèi)部樣式表是寫在里面的,它只針對所在的Html頁面有效。
標題文字是16像素紅色居中字體。
這個標題無樣式。
大家看到了,內(nèi)部樣式表同樣用到style標簽,寫法:外部樣式表如果我們需要制作很多網(wǎng)頁,而且頁面結構十分復雜,并且多個頁面中要利用重復的樣式,那么把CSS放在網(wǎng)頁中可不是一個好方法。我們可以把所有的樣式存放在一個以.css為結尾的文件里,然后將這個CSS文件鏈接到各個網(wǎng)頁中。比如我們制作了一個首頁,把它的樣式表文件命名為index.css。方法是將下面的CSS代碼復制到記事本中保存,然后將文本文檔的擴展名.txt修改為.css即可。.h1.bigone {font-size:16px;color:red;text-align:center;}在新建的網(wǎng)頁中這樣寫:標題文字是16像素紅色居中字體。
這個標題無樣式。
三種方法已經(jīng)簡單介紹給大家,我的文章以后會以外部樣式表為例,因為它是目前網(wǎng)頁制作最常用、最易用的方式,總結它的優(yōu)點就是:* 1.多個樣式可以重復利用;* 2.多個網(wǎng)頁可共用同一個CSS文件;* 3.修改、維護簡單 ,只需要修改一個CSS文件就可更改所有地方的樣式,不需要修改頁面代碼;* 4.減少頁面代碼,提高網(wǎng)頁加載速度, CSS駐留在緩存里,在打開同一個網(wǎng)站時由于已經(jīng)提前加載則不需要再次加載;* 5.適合所有瀏覽器,兼容性好。
感覺不錯,贊哦!
(0)
下次努力,加油!
(0)