在html中,文章段一般都是使用P標(biāo)簽進(jìn)行分段,在這里以p標(biāo)簽舉例,在使用p標(biāo)簽的時(shí)候,上下段落之間就會(huì)產(chǎn)生一點(diǎn)的距離,那么我們?cè)趺纯刂贫温渲g的距離呢,一般我們都是通過(guò)css對(duì)段落之間的距離進(jìn)行設(shè)置。
1.行高屬性:line-height
line-height屬性可以對(duì)設(shè)置段落之間的距離,一般數(shù)值越大,段落之間的間距就越大,當(dāng)然字和字的距離也是變大,很多時(shí)候,我們一般不會(huì)使用line-height屬性來(lái)設(shè)置。
代碼如下:
p{line-height:30PX}
2.內(nèi)邊距進(jìn)行補(bǔ)白
html段間距也可以使用padding對(duì)段落之間的距離進(jìn)行設(shè)置,對(duì)上下進(jìn)行內(nèi)補(bǔ)白,從而實(shí)現(xiàn)段落之間的距離設(shè)置。代碼如下:
P{dading:30px 0}
3.對(duì)外邊距margin的設(shè)置
我們都會(huì)margin應(yīng)該不是很陌生,其實(shí)只要我們?cè)O(shè)置margin的上下左右邊距和對(duì)象之間的距離,就可以實(shí)現(xiàn)上下段落之間的距離。語(yǔ)法如下:
p{margin:30px 0}
在文章段落中,分段一般都是p標(biāo)簽,想實(shí)現(xiàn)段落之間的距離,我們一般使用maring和dadding這兩種方式,可以輕松實(shí)現(xiàn)段落之間的距離。
以上就是對(duì)html間距怎么設(shè)置的全部介紹,如果你想了解更多有關(guān)CSS3教程,請(qǐng)關(guān)注Gxlcms。
以上就是html間距怎么設(shè)置的詳細(xì)內(nèi)容
轉(zhuǎn)變成塊 兩種方法. 第一 a{display:block; } 第二種 加浮動(dòng) ,左浮動(dòng)右浮動(dòng)均可, 浮動(dòng)之后,默認(rèn)轉(zhuǎn)換塊顯示 a{float:left;}
行內(nèi)元素列表:
<a>標(biāo)簽可定義錨
<abbr>表示一個(gè)縮寫形式
<acronym>定義只取首字母縮寫
<b>字體加粗
<bdo>可覆蓋默認(rèn)的文本方向
<big>大號(hào)字體加粗
<br>換行
<cite>引用進(jìn)行定義
<code>定義計(jì)算機(jī)代碼文本
<dfn>定義一個(gè)定義項(xiàng)目
<em>定義為強(qiáng)調(diào)的內(nèi)容
<i>斜體文本效果
<img>向網(wǎng)頁(yè)中嵌入一幅圖像<input>輸入框
<kbd>定義鍵盤文本
<label>標(biāo)簽為
<input> 元素定義標(biāo)注(標(biāo)記)
<q>定義短的引用
<samp>定義樣本文本
<select>創(chuàng)建單選或多選菜單<small>呈現(xiàn)小號(hào)字體效果
<span>組合文檔中的行內(nèi)元素
<strong>語(yǔ)氣更強(qiáng)的強(qiáng)調(diào)的內(nèi)容
<sub>定義下標(biāo)文本
<sup>定義上標(biāo)文本
<textarea>多行的文本輸入控件
<tt>打字機(jī)或者等寬的文本效果
<var>定義變量
塊級(jí)元素列表:
<address>定義地址
<caption>定義表格標(biāo)題
<dd>定義列表中定義條目
<div>定義文檔中的分區(qū)或節(jié)
<dl>定義列表
<dt>定義列表中的項(xiàng)目
<fieldset>定義一個(gè)框架集
<form>創(chuàng)建 Html 表單
<h1>定義最大的標(biāo)題
<h2>定義副標(biāo)題
<h3>定義標(biāo)題
<h4>定義標(biāo)題
<h5>定義標(biāo)題
<h6>定義最小的標(biāo)題
<hr>創(chuàng)建一條水平線
<legend>元素為
<fieldset>元素定義標(biāo)題
<li>標(biāo)簽定義列表項(xiàng)目
<noframes>為那些不支持框架的瀏覽器顯示文本,于 frameset 元素內(nèi)部
<noscript>定義在腳本未被執(zhí)行時(shí)的替代內(nèi)容
<ol>定義有序列表
<ul>定義無(wú)序列表
<p>標(biāo)簽定義段落
<pre>定義預(yù)格式化的文本
<table>標(biāo)簽定義 HTML 表格
<tbody>標(biāo)簽表格主體(正文)
<td>表格中的標(biāo)準(zhǔn)單元格
<tfoot>定義表格的頁(yè)腳(腳注或表注)
<th>定義表頭單元格
<thead>標(biāo)簽定義表格的表頭
<tr>定義表格中的行
擴(kuò)展資料:
一,從概念的角度解釋塊級(jí)元素和行內(nèi)元素
1. 塊級(jí)元素,一般都是從新行開始,它可以容納行內(nèi)元素和其他塊元素,常見塊級(jí)元素比如div/p等。“form”這個(gè)快元素比較特殊,他只能來(lái)容納其他塊元素
2. 行內(nèi)元素:也叫做內(nèi)聯(lián)元素,一般都是語(yǔ)義級(jí)別的基本元素,內(nèi)聯(lián)元素已辦只能容納文本或者其他內(nèi)聯(lián)元素。
塊元素(block element)和內(nèi)聯(lián)元素(inline element)都是html規(guī)范中的概念。塊元素和內(nèi)聯(lián)元素的基本差異是塊元素一般都是從新行開始的。
而當(dāng)加了css控制以后,塊元素可以變?yōu)閮?nèi)聯(lián)元素,內(nèi)聯(lián)元素也可以變?yōu)閴K元素。
二,塊級(jí)元素和內(nèi)聯(lián)元素的區(qū)別
1. 塊級(jí)元素會(huì)獨(dú)占一行,其寬度自動(dòng)填滿其父元素寬度
行內(nèi)元素不會(huì)獨(dú)占一行,相鄰的行內(nèi)元素會(huì)排列到同一行里,直到一行排不下,才會(huì)換行,其寬度隨元素的內(nèi)容變化而變化,
2. 一般情況下,塊級(jí)元素可以設(shè)置width,height屬性,行內(nèi)元素設(shè)置width,height無(wú)效
(注意,塊級(jí)元素設(shè)置了width寬度屬性后仍然是獨(dú)占一行的)
3. 塊級(jí)元素可以設(shè)置margin,padding屬性
行內(nèi)元素的水平方向的padding-left和padding-right都會(huì)產(chǎn)生邊距效果,但是豎直方向上的padding-top和padding-bottom都不會(huì)產(chǎn)生邊距效果