CSS布局中如何組織樣式表以便于簡(jiǎn)化、維護(hù)
發(fā)布時(shí)間：2011-10-07 04:31:15 作者：佚名 
我要評(píng)論
我要評(píng)論對(duì)于簡(jiǎn)單的Web站點(diǎn)，可以只使用一個(gè)CSS文件。對(duì)于大型的復(fù)雜站點(diǎn)，對(duì)樣式表進(jìn)行分割以便簡(jiǎn)化維護(hù)是一種好做法。
如何分割樣式表是需要仔細(xì)考慮的。我一般用一個(gè)CSS文件處理基本布局，用另一個(gè)文件處理版式和設(shè)計(jì)修飾。這樣的話，在布局確定之后，就很少需要修改布局樣式表。這可以防止布局樣式表被意外地改動(dòng)或破壞。
還可以進(jìn)一步細(xì)分，比如用單獨(dú)的CSS文件處理顏色。這樣的話，如果希望提供新的顏色方案，就只需要?jiǎng)?chuàng)建一個(gè)新的顏色樣式表。如果站點(diǎn)上有許多表單，那么可以用單獨(dú)的CSS文件處理所有表單樣式?？梢灾辉谛枰獣r(shí)鏈接這個(gè)文件，從而減少最初的下載開(kāi)銷(xiāo)。如果站點(diǎn)上的一些頁(yè)面與站點(diǎn)的其余部分很不一樣，那么可以考慮讓它們使用它們自己的CSS文件。例如，如果主頁(yè)的布局與站點(diǎn)的其余部分很不一樣，那么可以為主頁(yè)創(chuàng)建單獨(dú)的CSS文件。
請(qǐng)記住，每個(gè)CSS文件都意味著要對(duì)服務(wù)器進(jìn)行一次額外的調(diào)用。這會(huì)影響性能，所以一些開(kāi)發(fā)人員喜歡使用一個(gè)大型CSS文件而不是多個(gè)小文件。最終的選擇實(shí)際上取決于實(shí)際情況，而且在某種程度上這是一個(gè)個(gè)人喜好問(wèn)題。我傾向于盡可能保持靈活性和維護(hù)的簡(jiǎn)單性。
還可以進(jìn)一步細(xì)分，比如用單獨(dú)的CSS文件處理顏色。這樣的話，如果希望提供新的顏色方案，就只需要?jiǎng)?chuàng)建一個(gè)新的顏色樣式表。如果站點(diǎn)上有許多表單，那么可以用單獨(dú)的CSS文件處理所有表單樣式?？梢灾辉谛枰獣r(shí)鏈接這個(gè)文件，從而減少最初的下載開(kāi)銷(xiāo)。如果站點(diǎn)上的一些頁(yè)面與站點(diǎn)的其余部分很不一樣，那么可以考慮讓它們使用它們自己的CSS文件。例如，如果主頁(yè)的布局與站點(diǎn)的其余部分很不一樣，那么可以為主頁(yè)創(chuàng)建單獨(dú)的CSS文件。
請(qǐng)記住，每個(gè)CSS文件都意味著要對(duì)服務(wù)器進(jìn)行一次額外的調(diào)用。這會(huì)影響性能，所以一些開(kāi)發(fā)人員喜歡使用一個(gè)大型CSS文件而不是多個(gè)小文件。最終的選擇實(shí)際上取決于實(shí)際情況，而且在某種程度上這是一個(gè)個(gè)人喜好問(wèn)題。我傾向于盡可能保持靈活性和維護(hù)的簡(jiǎn)單性。
相關(guān)文章
網(wǎng)頁(yè)布局中CSS樣式無(wú)效的十個(gè)重要原因詳解
這篇文章主要介紹了網(wǎng)頁(yè)布局中CSS樣式無(wú)效的十個(gè)重要原因，標(biāo)簽或alt屬性以及不良的書(shū)寫(xiě)規(guī)范都有可能引起樣式無(wú)效，廣大讀者可根據(jù)自身遇到的情況進(jìn)行分析對(duì)照，希望對(duì)大家2017-08-10HTML基礎(chǔ)知識(shí)——css樣式表,樣式屬性,格式與布局詳解
下面小編就為大家?guī)?lái)一篇HTML基礎(chǔ)知識(shí)——css樣式表,樣式屬性,格式與布局詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-11- 下面小編就為大家?guī)?lái)一篇CSS樣式表與格式布局詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-29
- 對(duì)于剛開(kāi)始接觸DIV+CSS的同學(xué)來(lái)說(shuō)，記住那些對(duì)象屬性以及對(duì)應(yīng)的值就很困難了，更何況來(lái)完成頁(yè)面的布局了2012-02-20
這篇文章主要介紹了常用css樣式(布局)及CSS常用樣式匯編的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-28
