divcss組織技巧簡介

歡迎大家在這裡學習divcss組織技巧這裡是我們給大家整理出來的精彩內容。我相信，這些問題也肯定是很多朋友在關心的，所以我就給大家談談這個!

你應該組織你的樣式表以致相關的內容靠在一起，更簡單的找到想要的。使用更有效的注解。舉個例子，這是我如何構造我的層疊樣式表：

/*****Reset*****/

移除元素的填充(padding)和邊距(margin)。

/*****Basic Elements*****/

定義基本元素的樣式: body, h1-h6, ul, ol, a, p, 等.

/*****Generic Classes*****/

定義簡單的風格，好像浮動的某一側, 移除元素的下邊距, 等

當然，它們大部分都與我們希望的語義不相關,但是它們是高效處理代碼所必須的。

/*****Basic Layout*****/

定義基本的模板: header, footer等. 幫助定義網頁布局的基本元素

/*****Header*****/

定義所有Hearder元素

/*****Content*****/

定義所有內容框內的元素

/*****Footer*****/

定義所有Footer的元素

/*****Etc*****/

定義其他的選擇器。

通過注解和歸類相似元素的分組，將更快的找到你想要的。

好了，divcss組織技巧內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

CSS中a標簽樣式原則是啥