高分寻求详细解答!DIV+CSS布局如何专门定义间距的类来调用,如:区块之间的间距如何定义一个专门的类?

我用DIV+CSS定位时常用margin间距来使用,今天群里有个人提醒我说这样容易出错,调试又比较麻烦,现在很多门户网都是专门定义一个间距的类来调用。他给了一个例子:.px{hight:10px;clear:both;font-size:0}
然后<div class=1></div>
<div class=px></div>
<div class=2></div>但是我看的不是很明白,大家能说详细点吗?有简单的例子更好,拜托大家!!
大家能再说详细点吗?另外据个例子

第1个回答  2009-07-27
写一个类如:
.public{height:10px; clear:both;}当然你可以根据你的要求来添加更多的样式.然后在遇到需要间距的时候,再用class调用这个public类就可以了.可以把找当成公共的类.
第2个回答  2009-07-26
.px.... 这个是定义了一个CSS样式,只要你在html标签的class设置成px就会应用这个样式

然后 在你的两个DIV之间加上一个 <div class=px></div>
的话就会自动产生一个10px的高度的层,这样就达到了间距的目的了啊,呵呵
第3个回答  2009-07-26
.px{hight:10px;clear:both;font-size:0}
目的确实是想产生一个10像素高的层,不过我觉得这样会更保险些。
.px{clear: both; hight: 10px; width: 100%; overflow: hidden}
如果不加这个overflow:hidden,有可能你发现它的高度远大于10像素。
第4个回答  2009-07-26
<div class="px"></div>这个方法真不错,你控制高度不用定义每个div了。
class属性名称有点不标准外。

不明白的话等于
.c1,.c2{
margin:10px 0;padding:0;/*css盒子原则,抵消最大1px*/
}
<div class=c1></div>
<div class=c2></div>本回答被网友采纳
第5个回答  2009-07-27
为了达到下面空10px的目的,你是不是每个box写margin-bottom:10px?

它就是在两个box之间加了一个10px高的空div而已,这样就不用写margin了。

div
10px高的div
div

不过我不太喜欢这种做法。

如何使用div+css样式设置p段落之间的上下间距
案例一、对margin上下设置为0 - TOP <<\/span>html> <<\/span>head> <<\/span>meta charset="utf-8" \/> <<\/span>title>p行距实例 在线演示 DIVCSS5<\/<\/span>title> <<\/span>style> p{ line-height:20px} .divcss5-a p{ margin:0 auto} <\/<\/span>style> <\/<\/span>head>...

CSS怎么定义模块与模块之间的距离?
width:300px;height:200px;border:1px solid #f00;} .wenzi{ width:300px;height:200px;marign-top:10px; \/\/设置好距离上的距离就可以了 } <\/head> <body> <div class="headr" > \/\/页头 <p>我的测试<\/p> <\/div> <div class='wenzi'> <p>我的数据<\/p> <\/div> <\/body...

div+css里如何设置子行间距
一般来说 都是在 div中 添加 ol 或 ul 比如:<ul> <li>河北<\/li> <li>河南<\/li> <li>山东<\/li> <\/ul> 他们是 在同一行显示的 那中间的间距 就用 div(id)li{ padding-left(right):} 也可以 padding:0 *px; 前面的0是上下为0 *px是 左右都加*px的 内补丁...

如何用css设置div与div之间的间距呢?
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:.sub{margin-top: 30px;}。3、浏览器运行index.html页面,此时3个div子子容器的垂直间距被统一设置为了30px。

CSS+DIV布局如何消除两个div之间的间隙问题?
具体原因我也说不上来,可能是ul有默认的吧,一般我们要去除列表的前面的点 给ul定义display:none;你可以把你的 a ul{ margin:0px;} b ul{ margin:0px;} 去掉 ,单独给ul定义ul{ margin:0px; }这样也可以去除间隙。

如何用DIV+CSS将网页布局 左中右 并列
首先,设定一个父容器,宽度为900px,使用居中属性确保其居中显示。然后,为每个子元素设置宽度,例如30%,高度统一为100%,并添加1px的黑色边框以突出区块。使用float属性让元素水平排列。接着,为左侧元素添加margin-left属性,使其与容器边缘保持10px的距离。同样,中间和右侧元素亦需添加margin-left属性...

DW中的三个距如何用DIV来控制(两个DIV中左右间距和上下间距,文字自动...
1、text-indent设置抬头距离css缩进 即对,对应div设置css样式text-indent : 20px; 缩进了20px 2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式 即对对应div设置css属性样式为letter-spacing:8px;,字间距为8px 以上即是介绍了使用css来设置字间距、字符间距、字体间距、段落开头缩进,...

div+css中如何控制字的上下间距??
不过,行间距与半行间距,还是取决于CSS中的line-height。默认状态,浏览器使用1.0-1.2 line-height, 这是一个初始值。可以定义line-height属性来覆盖初始值:p{line-height:140%} 可以有5种方式来定义line-height。1.line-height可以被定义为:body{line-height:normal;} 2.line-height可以被...

CSS 两个DIV在同一列中 如何上下有间距
元素之间的边距可以使用margin来实现:margin:top right bottom left; \/*分别为上右下左边距*\/这属于CSS 框模型 (Box Model)—— 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式:围绕在元素边框的空白区域是外边距,设置外边距会在元素外创建额外的“空白”。设置外边距的最简单的方法就...

求教,如何用jQuery或其他方法实现两个div的间距设置。
设置两个div之间的间距,方法有很多种,常见的方法如下:1、对样式的设置来完成间距设置: <div style="margin-bottom:___px;"><\/div><div><\/div> 或者 <div><\/div><div style="margin-top:___px;"><\/div>2、在css中设置div间距,如: <div id="div1"><\/div><div id="div2"><\/div> <style...

相似回答