欢迎大家在这里学习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标签样式原则是啥