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