css字體上下的距離用什么代碼

css字體上下距離，可以理解是文字的行間距，即控制兩行文字垂直距離的。在CSS中，line-height被用來控制行與行之間垂直距離。

普陀網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,普陀網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為普陀成百上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請找那個售后服務(wù)好的普陀做網(wǎng)站的公司定做！

不過，行間距與半行間距，還是取決于CSS中的line-height。那么，如何來使用line-height呢？

默認(rèn)狀態(tài)，瀏覽器使用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可以被定義為：body{line-height:inherit;}

3.line-height可以使用一個百分比的值body{line-height:120%;}

4.line-height可以被定義為一個長度值(px,em等) body{line-height:25px;}

5.line-height也可以被定義為純數(shù)字， body{line-height:1.2}

縮寫line-height

那5種line-height寫法，可以在font屬性中縮寫。line-height的值緊跟著font-size值使用斜杠分開，如：font-size/line-height

實例：body{font:100%/normal? arial;} , body{font:100%/120%? arial;} ,body{font:100%/1.2? arial;}? ,body{font:100%/25px? arial;}

視圖：line-height設(shè)置的幾種方式，有些CSS屬性是可繼承的（inherited），從層疊的元素里傳遞下來。這樣做是為了方便開發(fā)者，不再為后代元素重新設(shè)值。

1、百分比

2、長度

3、 值：normal

4、純數(shù)字

如何用CSS設(shè)置網(wǎng)頁中文字上下行之間的間距？

用CSS設(shè)置網(wǎng)頁中文字上下行之間的間距，首先我們需要理解的是一個行高和高的概念，可以通過這個p或者是其他的標(biāo)簽添加一個height和line-height，然后設(shè)置相應(yīng)的數(shù)值，就能夠?qū)崿F(xiàn)上下行的間距設(shè)置，具體看下代碼：

html

head

style

#div{

width:400px;

height:300px;

}

#div p{

line-height:30px;

}

/style

/head

body

div id='div1'

p我是測試文字/p

/div

/body

/html

CSS 兩個DIV在同一列中 如何上下有間距

元素之間的邊距可以使用margin來實現(xiàn)：

margin:top?right?bottom?left;?/*分別為上右下左邊距*/

這屬于CSS 框模型 (Box Model)—— 規(guī)定了元素框處理元素內(nèi)容、內(nèi)邊距、邊框 和 外邊距 的方式：

圍繞在元素邊框的空白區(qū)域是外邊距，設(shè)置外邊距會在元素外創(chuàng)建額外的“空白”。設(shè)置外邊距的最簡單的方法就是使用 margin 屬性，這個屬性接受任何長度單位、百分?jǐn)?shù)值甚至負(fù)值。

元素的內(nèi)邊距在邊框和內(nèi)容區(qū)之間，控制該區(qū)域最簡單的屬性是 padding 屬性，可以接受長度值或百分比值，但不允許使用負(fù)值。

元素的邊框是圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線，可以使用 border 屬性來規(guī)定元素邊框的樣式、寬度和顏色。

下面舉個簡單的例子：

在Html代碼中添加兩個div

div/divdiv/div

設(shè)置css樣式

div{width:250px;height:50px;border:2px?solid?#ccc;margin:50px?80px;}

觀察效果

css中如何設(shè)置列表項的上下間距？

在CSS中，line-height被用來控制行與行之間垂直距離。也可以使用letter-spacing:*px; 來控制文字間距，*px是指間距像素。

不過，行間距與半行間距，還是取決于CSS中的line-height。

默認(rèn)狀態(tài)，瀏覽器使用1.0-1.2 line-height, 這是一個初始值?？梢远xline-height屬性來覆蓋初始值：p｛line-height:140%｝。

那5種line-height寫法，可以在font屬性中縮寫。line-height的值緊跟著font-size值使用斜杠分開，如：font-size/line-height。

實例：body{font:100%/normal? arial;} , body{font:100%/120%? arial;} ,body{font:100%/1.2? arial;}? ,body{font:100%/25px? arial;}