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