導航:首頁 > 萬維百科 > 垂直間距網頁設計

垂直間距網頁設計

發布時間: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>
徹底無語了。

與垂直間距網頁設計相關的知識