网页设计css盒子中的段距，css段距怎么设置

如何改变网页段落间距

启动360浏览器，地址栏输入要添加的网页地址，回车；打开该网站的页面后，在页面顶部标签上右击，点击创建快捷方式；弹出对话框中，点击勾选桌面选项，点击创建即可。

调整分页符或分节符：如果文档中存在分页符或分节符，可以尝试删除或添加分页符或分节符来调整页面之间的间隔。

如下图，要求对文档中段落和段落之间的距离进行调整。点击选中需要编辑的段落，点击鼠标右键，在弹出的菜单选项中点击选择【段落】选项。如下图，通过上一步骤，系统弹出【段落】对话框。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的第二个标签中，输入样式代码：style=margin-top： 30px；。浏览器运行index.html页面，此时文本段落的行间距被设置为了30px。

用的win7吧，打开网页，按住shift，然后转鼠标上的滚轴，向前转是放大，向后转是缩小。

方法 只是让部分网站页面的内容行距增加：用table布局就用这个，变化line-height的数值。相关知识 用div布局就用这个，变化line-height的数值。

相关问答

Q1: 在制作网页时,怎么调整div间距

设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。

可以使用CSS margin 属性，控制两个div的距离 定义和用法 margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明 这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：.sub{margin-top： 30px；}。浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。

根据内容自动调整div有三种方式，分别是：首先，添加一个清晰的浮动来让父容器知道高度。注意，容器中有一个空单元格清除了浮动。

Q2: 关于css盒子边框、内边距、外边距

1、内边距对盒子大小的影响：解决方案：如果保证盒子跟效果图大小保持一致，则让 width/height 减去多出来的内边距大小即可。margin 属性用于设置外边距，即控制盒子和盒子之间的距离。

2、区别如下：在盒子模型中margin是指盒子之间的距离，而padding是值盒子内容和边框之间的距离。

3、margin 外边距 border 边框 padding 内边距 也就是说 设置margin 那么他所占据的空白地方会是在边框外面 设置padding 他所占据的空白地方是在边框里面，图解一下就更清楚了。

Q3: HTML5+CSS——11盒子模型-边框、内边距、外边距

盒子模型：把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。

盒模型的组成：content(内容区)+padding(填充区)+border(边框区)+margin(外界区)。不同部分的说明：content(内容)：盒子的内容，显示文本和图像。border(边框)：围绕在内边距和内容外的边框。

一个盒子模型分成几部分：- 内容区（content）- 内边距（padding）- 边框（border）- 外边距（margin）12345 内容区 内容区：盒子中放置内容的区域，也就是元素中的文本内容，子元素都是存在于内容区中的。

Q4: 怎样在Dreamweaver中用css调整段的距离?即是的距离。。

利用CSS设置缩进效果 前几种方法都是在段落开头加入一些东西，利用占位法设置缩进效果，而使用CSS设置缩进效果则更容易，也便于修改。text-indenet属性就是缩进元素中的首行文本，它可以取正值或负值。

即字体最底端与字体内部顶端之间的距离。 行高是字体下延与字体内部高度的顶端之间的距离。为负值的行高可用来实现阴影效果。 假如一个格式化的行包括不止一个对象，则最大行高会被应用。在这种情况下，此属性不可以为负值。

定义一个css，包括你想要的字号，行距，字间距。起个名字保存在images文件夹里。在当前网页上用css附加上述文件就行了。

如何在Dreamweaver中设置css样式 Dreamweaver中CSS面板的设置步骤：首先，我们需要您创建一个新的HTML文档。在这里，我们可以直接打开工具，然后选择新建HTML。建立后，这里我们使用快捷键，ShiftF11，然后就可以看到CSS面板了。

可以看到段落之间的间距缩小了。我们再使用firebug进行查看，发现之前在段落上下的黄色部分也没有了。这也就表示我们的段落已经没有了margin值。段落间距达到0了。

Q5: css弹性盒布局怎么改变上下间距

1、首先我们应该知道在css中并没有直接可以设置行间距的属性，所以我们就需要借助行高line-height来设置行间距，行高line-height的值越大，那么行间距就越高。

2、用margin设置对象盒子间距 我们常用margin设置2个盒子之间距离，无论上下左右的距离我们均可以利用margin实现间隔。

3、解决这个问题有两个办法 子元素内加一个标签包裹弹性内容。在内标签中再设置padding值。但这样的话html层级加深且语义不明显，不推荐此方法。

4、p style = margin：20px 一段文字/ p 2 p style = margin：20px 第二段文字/ p 也可以这样写文字内容，如果设置为1就是单倍行距了，2就是双倍行距。

5、如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。css flex属性怎么用？flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。说明：flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。

6、line-height行高 我们对line-height的值设置越大，段落间距将会增大，同时字与字行距也会增加。css代码：p{line-height：22px} css padding内补白（内边距）可以推荐使用padding设置段落上下间距。

关于网页设计css盒子中的段距和css段距怎么设置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。