您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

div css组织技巧介绍

作者:佚名    责任编辑:admin    更新时间:2022-06-22

大家知道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排序代码介绍