在Web開發中編寫CSS使用合同的最佳方式是什麼？

Question

我們的開發團隊在兩年多前開發了企業網頁。我們很想知道什麼是編寫CSS使用合同的最佳方式。例如，如果我們有COMP，那麼我們如何就合同達成一致，以便我們的開發人員和設計人員達成一致，我們不必回頭。

有沒有可用於此類技術寫作的工具？

在CSS和HTML頁面上放置的信息的線程是什麼？我們的一些設計師認爲有些東西應該直接進入HTML頁面。一般的觀點是，所有的風格都應該放在一個CSS中，而其他的放在HTML中。

感謝您的輸入。

Answer 1

那麼，如果一個網頁有非常特定的CSS只是爲了自己，我想有一個參數在頁面中定義CSS，否則我會一直在外部文件中有CSS。

儘量避免或至少儘量減少CSS作爲HTML元素的樣式屬性的內聯，儘管這將是一個PITA來管理。

大多數頁面將使用標準內容樣式進行模板驅動，因此CSS樣式將在外部文件中定義。

你可能想要考慮的一件事是CSS文件的數量 - 一些人建議你應該儘量減少這個只到一個文件站點範圍或每個模板（或站點區域），以儘量減少HTTP請求服務器，並避免延遲的CSS加載和有趣的外觀風格，直到那一點。

所以這個「CSS使用合同」實際上只是HTML頁面的編碼標準嗎？

Answer 2

我是一個純粹主義者，所以對我來說HTML是用於內容和結構的，CSS是用於佈局&的樣式。這確實是他們每個人創造的。

請參閱CSS Zen Garden這是一個很好的例子。相同的HTML和數百種不同的佈局&設計。

你的設計師給HTML造型的原因是什麼？

編輯：這裏的主要目標是整個網站的一致性，對嗎？您從每個頁面抽取的內容越多，您所做的更改就越少。

Answer 3

如果我的樣式是一次性，單次使用頁面，我會考慮將它放在該頁面的標題中，因爲我的模板系統允許這樣做。

但是你不應該使用內聯樣式。即使你做了一個頁面，其中有一個塊。這樣，如果您發現「一次性」項目變成了站點範圍的樣式，則只需將CSS移動到外部CSS文件中即可，而不需要編輯內容。

Answer 4

HTML只應該編碼信息而不是樣式的想法被稱爲語義標記。它有幾個你已經知道的優點，比如分離關注點，還有一些你可能沒有想過的東西。

如果您堅持使用網絡標準並分離您的風格和內容，您最終還會得到一個更容易被殘疾人訪問的頁面。

如果您需要針對特定​​頁面設置不同的樣式，請爲該頁面使用單獨的CSS包含文件，然後在要設置樣式的元素上使用CSS類。