导航:首页 > 万维百科 > 垂直间距网页设计

垂直间距网页设计

发布时间:2020-08-27 10:38:18

1、网页制作中,上下两个表格的间距怎么调?

通常有以下几种方法:
1、CSS法
可以在<table>标签中设置margin属性,即:style="margin:5px 0 5px 0;"(顺序:上、右、下左,亦可简写为style="margin: 5px 0;"),这段CSS的作用是在当前表格外部的上下各留出5px的空白。
2、空对象法
(1)空行。还可以在表格后敲回车换行,产生<p></p>标签,或者按Shift+回车软换行,产生<br>标签,都可产生一个空行。
(2)空表格。插入一个1行1列的表格,设置单元格的宽度、高度,在单元格中不输入内容。当单元格高度小于12px时,一定要将空格符 删掉,否则达不到设定高度,这一点非常重要。即:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
</table>
(3)空DIV。类似于空表格,插入一个DIV,设置其宽度、高度,超出隐藏即可。
<div style="width:100px;height:5px;overflow:hidden;clear:both;"
3、透明图片法
可以在PS中新建一个5x5px的画布,背景设为透明,保存为透明GIF图片,然后在需要留间距的表格后面插入这个透明图片,将其宽度、高度可以任意调整,直到满意为直。
<img src="null.gif">

2、css中如何设置列表项的上下间距?

在CSS中,line-height被用来控制行与行之间垂直距离。也可以使用letter-spacing:*px; 来控制文字间距,*px是指间距像素。

不过,行间距与半行间距,还是取决于CSS中的line-height。

默认状态,浏览器使用1.0-1.2 line-height, 这是一个初始值。可以定义line-height属性来覆盖初始值:p{line-height:140%}。

3、做网页设计每个部分间距要统一吗? 是分页面中正文部分每个小分块的上下与左右间距都要统一用多少像素吗?

没有固定值,你根据页面的美观程度自己设定就好了
一般设定为5-10px为佳

4、html网页中怎么样让上下两张图之间有点间距

为什么没有</a>结束的?
可以在第二个a加一下样式,style='margin-top:10px'
或者在两个<a>之间用<br/><br/>

5、网页设计中行间距怎么设置

css中line-hight:10px 属性设置行高距

6、网页设计 间距问题 用代码方式

选框之间的距离可以用表格控制,把这个表单放在表格里面,只要设置行高度和单元格的高宽度就能很轻易的控制各选项的距离。

7、怎样在网页设计中设计段落行间距的大小

首先你要了解行距的问题那么你必须先知道盒子模型,也就是所谓的CSS+DIv的设计,那么里面关于段落行距的CSS代码是这样的
<style>
<!--
p{padding:10px;
magin:10px;}
>
</style>
<body>
<p>你好</p>
</body>
首先跟你解释下padding 和magin 在网页设计中的重要性,magin主要是块与块之间的距离,有4个,分别是magin-left,magin-top,magin-right,magin-bottom,而padding值得是内容(content)与边框(border)之间的距离,你好比你现在要设计段落与段落之间的距离其实就是块与块之间的距离,用到magin就可以了。所以要想灵活设计网页中的排版并且做到网页的设计的多变性 那么还是好好学习下CSS+DIV 希望对你有所帮助。

8、网页设计中,竖直排放图片之间的距离如何设置?空格的距离太大了,想小一点要怎么设置呢?代码是什么??

用表格设置距离,或者样式表给图片设置外边距

9、网页字体上下的间距

首先说一下,是css【层叠样式表】 而不是ccs
回答你的问题: 设置行间距是 line-height:正常情况下16px 左右。 如果要好看点的话 应该设置在18-20px line-height:18px

如果你是在html或xhtml文件中设置样式的话 可以这样
在head与/head之间 加入
<style>
<!--
.lh{line-height:18px;}
-->
</style>
在正文中引用这个css样式
例如
<p class="lh">这段文字引用的样式为lh,行间距为18px</p>

也可以把上面的lh这个类放在css文件中。
如果你在文件中直接用到的话可以这样写
<p style="line-height:18px;">直接定义这个段落的行间距</p>

这两种用法的区别是,一个可以重复使用,可以在其他的页面中调用这个css【前提是那个文件调用了这个css文件】,而后者则不可以,这个属性只属于那个p的

调用css会不?如果不会我就无从说起了。
那样的话 就推荐你
<style>
<!--
body{line-height:18px;}
-->
</style>
彻底无语了。

与垂直间距网页设计相关的知识