定義完全獨立的樣式信息

Question

我正在構建Web應用程序的集合。 所有這些Web應用程序都具有相同的頁眉和頁腳。 （除了用戶登錄時其內容有所變化之外）。

我不喜歡在應用程序中為頁眉或頁腳定義的樣式信息的使用/重新定義。 如果發生這種情況，我可能需要在應用程序中重命名樣式信息。

我對此有一些解決方案。

1. 將iframe用於頁眉和頁腳。 因此，它們永遠不會混淆。
2. 將行內樣式信息用於頁眉和頁腳。
3. 使用非常復雜的CSS定義名稱，例如sE69621C09。 因此，在應用程序中，我永遠不會錯誤地為樣式信息使用相同的名稱。

我不確定iframe。 有人說他們不安全。 好吧，所有網絡應用程序都將由我們編寫，但是我不知道javascript是否可以用於服務器中的某些不良情況。

內聯樣式信息可以增加每次請求時傳輸的數據量。

如果幾個月后再看相同的代碼，復雜的CSS名稱會使我感到困惑。

你們在同一頁中混合使用不同代碼部分來解決此問題時會使用哪種技術？

Answer 1

一種潛在的解決方案是將樣式信息與應用程序完全分開，並為每個應用程序維護單獨的樣式表。

因此，您的標頭將使用通用樣式標識符，例如

<div class="header">
    <h1 class="maintitle">...</h1>
    <p class="slogan-text">...</p>
</div>

然后，每個站點都在其自己的樣式表中定義這些樣式，即Site1在site1-styles.css具有包含其特定樣式的文件，在site2-styles.css Site2等。僅包含與特定站點相關的樣式表。

避免在同一.css文件中為不同站點重復樣式信息。