CSS是一種非常重要的網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言,在網(wǎng)頁(yè)開(kāi)發(fā)中有著不可替代的作用。在設(shè)計(jì)一個(gè)網(wǎng)站的時(shí)候,往往需要分成許多子頁(yè)面,如何設(shè)置子頁(yè)面的CSS呢?
/*設(shè)置子頁(yè)面CSS的方法*/ /*在HTML中給子頁(yè)面定義ID或Class*/....../*在CSS中設(shè)置該ID或Class的樣式*/ #subPage{...} .subPage{...}
上述代碼給出的示例是使用ID或Class來(lái)定義子頁(yè)面,也可以通過(guò)其他方式來(lái)定義,只要在CSS中能夠準(zhǔn)確的引用到該頁(yè)面就可以了。即使是同一個(gè)頁(yè)面的不同部分,也能夠分別設(shè)置其CSS。
除了用ID或Class來(lái)定義子頁(yè)面之外,還可以使用偽類來(lái)對(duì)子頁(yè)面進(jìn)行設(shè)置。例如,對(duì)于子頁(yè)面中的第一個(gè)元素可以定義如下的CSS樣式:
/*設(shè)置子頁(yè)面中第一項(xiàng)的CSS樣式*/ subpage p:first-child{...}
上述樣式可以保證只對(duì)子頁(yè)面中的第一個(gè)段落進(jìn)行樣式設(shè)置。
總之,在CSS中設(shè)置子頁(yè)面的樣式,只需要準(zhǔn)確的獲取到該頁(yè)面的引用,再設(shè)置所需的CSS樣式即可。切記要保證要設(shè)置的CSS樣式與HTML代碼的層次結(jié)構(gòu)相匹配,這樣才能保證設(shè)置的CSS樣式能夠正確地應(yīng)用到子頁(yè)面中。