DIV+CSS布局中如何組織樣式表以便於簡化和維護

來源:互聯網
上載者:User

  對於簡單的Web網站,可以只使用一個CSS檔案。對於大型的複雜網站,對樣式表進行分割以便簡化維護是一種好做法。如何分割樣式表是需要仔細考慮的。我一般用一個CSS檔案處理基本布局,用另一個檔案處理版式和設計修飾。這樣的話,在布局確定之後,就很少需要修改配置樣式表。這可以防止配置樣式表被意外地改動或破壞。

  還可以進一步細分,比如用單獨的CSS檔案處理顏色。這樣的話,如果希望提供新的顏色方案,就只需要建立一個新的顏色樣式表。如果網站上有許多表單,那麼可以用單獨的CSS檔案處理所有表單樣式。可以只在需要時連結這個檔案,從而減少最初的下載開銷。如果網站上的一些頁面與網站的其餘部分很不一樣,那麼可以考慮讓它們使用它們自己的CSS檔案。例如,如果首頁的布局與網站的其餘部分很不一樣,那麼可以為首頁建立單獨的CSS檔案。

  請記住,每個CSS檔案都意味著要對伺服器進行一次額外的調用。這會影響效能,所以一些開發人員喜歡使用一個大型CSS檔案而不是多個小檔案。最終的選擇實際上取決於實際情況,而且在某種程度上這是一個個人喜好問題。我傾向於儘可能保持靈活性和維護的簡單性。



相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.