設(shè)計合理的css結(jié)構(gòu)
作者:佚名 時間:2014-02-06 分享到:
在網(wǎng)站制作的站點中,為了既能夠統(tǒng)一全站風(fēng)格又能根據(jù)不同的頁面設(shè)計獨立的樣式,聯(lián)楷網(wǎng)絡(luò)科技建議使用2層css結(jié)構(gòu),假設(shè)有一個index.html文件,其外聯(lián)css可以用以下方式來定義:
<link href="css/common.css" type="text/css" rel="stylesheet">
<link href="css/index.css" type="text/css" rel="stylesheet">
這里用了兩個css樣式,其中common.css作為全站的風(fēng)格基礎(chǔ),而針對index.html文件則使用單獨的index.css進(jìn)行針對性的樣式設(shè)計,采用這樣的設(shè)計不僅易于維護全站風(fēng)格,而且對于這些公用樣式,瀏覽器只需要做一次轉(zhuǎn)入就可以全站使用,提高了網(wǎng)頁的加載速度.