1、 padding屬性值計算,Html中行內元素有哪些?
行內元素列表:
<a>標簽可定義錨
<abbr>表示一個縮寫形式
<acronym>定義只取首字母縮寫
<b>字體加粗
<bdo>可覆蓋默認的文本方向
<big>大號字體加粗
<br>換行
<cite>引用進行定義
<code>定義計算機代碼文本
<dfn>定義一個定義項目
<em>定義為強調的內容
<i>斜體文本效果
<img>向網頁中嵌入一幅圖像<input>輸入框
<kbd>定義鍵盤文本
<label>標簽為
<input> 元素定義標注(標記)
<q>定義短的引用
<samp>定義樣本文本
<select>創建單選或多選菜單<small>呈現小號字體效果
<span>組合文檔中的行內元素
<strong>語氣更強的強調的內容
<sub>定義下標文本
<sup>定義上標文本
<textarea>多行的文本輸入控件
<tt>打字機或者等寬的文本效果
<var>定義變量
塊級元素列表:
<address>定義地址
<caption>定義表格標題
<dd>定義列表中定義條目
<div>定義文檔中的分區或節
<dl>定義列表
<dt>定義列表中的項目
<fieldset>定義一個框架集
<form>創建 Html 表單
<h1>定義最大的標題
<h2>定義副標題
<h3>定義標題
<h4>定義標題
<h5>定義標題
<h6>定義最小的標題
<hr>創建一條水平線
<legend>元素為
<fieldset>元素定義標題
<li>標簽定義列表項目
<noframes>為那些不支持框架的瀏覽器顯示文本,于 frameset 元素內部
<noscript>定義在腳本未被執行時的替代內容
<ol>定義有序列表
<ul>定義無序列表
<p>標簽定義段落
<pre>定義預格式化的文本
<table>標簽定義 HTML 表格
<tbody>標簽表格主體(正文)
<td>表格中的標準單元格
<tfoot>定義表格的頁腳(腳注或表注)
<th>定義表頭單元格
<thead>標簽定義表格的表頭
<tr>定義表格中的行
擴展資料:
一,從概念的角度解釋塊級元素和行內元素
1. 塊級元素,一般都是從新行開始,它可以容納行內元素和其他塊元素,常見塊級元素比如div/p等。“form”這個快元素比較特殊,他只能來容納其他塊元素
2. 行內元素:也叫做內聯元素,一般都是語義級別的基本元素,內聯元素已辦只能容納文本或者其他內聯元素。
塊元素(block element)和內聯元素(inline element)都是html規范中的概念。塊元素和內聯元素的基本差異是塊元素一般都是從新行開始的。
而當加了css控制以后,塊元素可以變為內聯元素,內聯元素也可以變為塊元素。
二,塊級元素和內聯元素的區別
1. 塊級元素會獨占一行,其寬度自動填滿其父元素寬度
行內元素不會獨占一行,相鄰的行內元素會排列到同一行里,直到一行排不下,才會換行,其寬度隨元素的內容變化而變化,
2. 一般情況下,塊級元素可以設置width,height屬性,行內元素設置width,height無效
(注意,塊級元素設置了width寬度屬性后仍然是獨占一行的)
3. 塊級元素可以設置margin,padding屬性
行內元素的水平方向的padding-left和padding-right都會產生邊距效果,但是豎直方向上的padding-top和padding-bottom都不會產生邊距效果
2、 html怎么設置內邊距?
html可以通過padding設置內邊距
html的內邊距有padding-left,padding-right,padding-top,padding-bottom 4種類型
padding-left指距離控件左邊間距
padding-right指距離控件右邊間距
padding-top指距離控件上邊間距
padding-bottom指距離控件底部間距
比如可以設置按鈕內邊距
.btnstyle{
padding:10px;// 表示上下左右都是10 px
}
3、 css中padding和margin的區別和使用?
1、margin是指從元素自身邊框到另一個元素邊框之間的距離,就是容器之外距離。而padding是指元素自身邊框到自身內部另一個元素邊框之間的距離,就是容器內距離。好比你的屋子作為目標元素 ,屋外的東西和屋子的距離用margin,屋內的東西和屋子的距離用padding
2、padding的用法:1、padding:10px 20px 30px 40px; 上、右、下、左內邊距2、padding-left:10px; 左內邊距3、padding-right:10px; 右內邊距4、padding-top:10px; 上內邊距5、padding-bottom:10px; 下內邊距6、padding:10px; 四邊統一內邊距
3、margin的用法:1、margin:10px 20px 30px 40px; 上、右、下、左外邊距2、margin-left:10px; 左外邊距3、margin-right:10px; 右外邊距4、margin-top:10px; 上外邊距5、margin-bottom:10px; 下外邊距6、margin:10px; 四邊統一外邊距
4、 CSS控制ul縮進間距和去掉li點的方法?
css控制li和ul的邊距,可以使用margin屬性來實現或者padding屬性都可以,在設置width和height屬性時,計算好各自的距離。 然后設置多少px就可以實現,下面介紹了一下簡單的控制和去掉li前面圓點的方法。 即把li變為行內元素且可以設置寬高以及邊距,這樣也有一個問題,低版本的ie瀏覽器不兼容inline-block,建議在其后再加兩個屬性兼容低版本ie。