div css組織技巧介紹

大家知道div css組織技巧嗎?如果不知道的趕緊看看我們給大家整理出來的教程你應該組織你的樣式表以致相關的內容靠在一起，更簡單的找到想要的。使用更有效的注解。舉個例子，這是我如何構造我的層疊樣式表：

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

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

/*****Generic Classes*****/定義簡單的風格，好像浮動的某一側, 移除元素的下邊距, 等當然，它們大部分都與我們希望的語義不相關,但是它們是高效處理代碼所必須的。

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

/*****Header*****/定義所有Hearder元素

/*****Content*****/定義所有內容框內的元素

/*****Footer*****/定義所有Footer的元素

/*****Etc*****/定義其他的選擇器。通過注解和歸類相似元素的分組，將更快的找到你想要的。

div css組織技巧精彩內容就到這裡了!希望大家可以好好利用!

相關推薦：

div css排序代碼介紹