CSS里可以设置段落的距离吗?

html-css05

CSS里可以设置段落的距离吗?,第1张

1.1、line-height为20px案例,DIV+CSS代码:

2.行高line-height实现段落间距

分别设置20px和50px行高样式案例,对比发现不同行高值,段落上下间距也产生不同距离,所以使用line-height可以设置段落间距距离,但这里不推荐使用line-height设置段落之间间距。

二、css padding内补白(内边距)

可以推荐使用padding设置段落上下间距。通过设置上下内补白,内距离即可实现p段落上下间距设置。

关键字:p{padding:10px 0}

接下来DIVCSS5以案例演示CSS段落上下距离设置。

1、设置上下内补白为10px(padding:10px 0)完整css+div代码:

2.添加如下属性到关联的css文件里:

p{

padding: 0

margin: 0

}

然后在指向段落的样式属性里添加以下css代码:

margin-bottom: 20px

数值可自由设定。

3.设定文字内容

标签的margin-top和margin-bottom值,前提是你的段落是用<P>标签进行分段的,而不是单纯的<br />。

这里分享下css段距/边距的方法。

设备:联想电脑

系统:xp

软件:代码编辑器zend studio 10.0

1、首先新建一个html文件,命名为test.html,在test.html文件中,在div标签内,使用p标签创建一行。

2、在test.html文件中,设置p标签的class属性为mytest。

3、在css标签内,设置div的样式,定义它的宽度为300px,高度为300px,边框为1px的红色边框。

4、在css标签内,通过class设置p标签的样式,使用margin-top属性定义它上外边距为50px,使用padding-top定义它上内边距为50px。注:margin-top属性和padding-top属性不同之外在于内与外边距的区别。

5、最后在浏览器打开test.html文件,查看实现的效果。

你的意思是P和BR之间的垂直margin少了5PT是吗?

如果是的话~就是外边距叠加的问题~

意思是~如果2个元素上下毗邻而且都定义了不为0的外边距~~

同时有没有任何内边距和边框设定~那么这2个元素之间的间隔就会取最大的那个外边距~~(如果都为正数 一正一负的话应该是相加吧)~~

例如<div style="margin:10px 0"></div>

<div style="margin:15px 0"></div>

两者最终外边距就只有15px