css的塊級元素和行級元素

時間  2019-11-16
標籤 css 元素 欄目 CSS 简体版
原文   原文鏈接

塊級元素瀏覽器

概念：框架

  • 每一個塊級元素都是獨自佔一行。 
  • 元素的高度、寬度、行高和邊距都是能夠設置的。　　 
  • 元素的寬度若是不設置的話，默認爲父元素的寬度（父元素寬度100%）

 

 

<address>//定義地址                             <h3>     //定義標題                                                                                                 <ol>     //定義有序列表字體

<caption>//定義表格標題                       <h4>     //定義標題                                                                                                  <ul>    //定義無序列表spa

<dd>    //定義列表中定義條目               <h5>     //定義標題                                                                                                  <p>     //標籤訂義段落code

<div>     //定義文檔中的分區或節         <h6>     //定義最小的標題                                                                                        <pre>     //定義預格式化的文本orm

<dl>    //定義列表                                  <hr>     //建立一條水平線                                                                                         <table>     //標籤訂義 HTML 表格圖片

<dt>     //定義列表中的項目                  <legend>    //元素爲 fieldset 元素定義標題                                                              <tbody>     //標籤表格主體（正文）ip

<fieldset> //定義一個框架集                  <li>     //標籤訂義列表項目                                                                                        <td>    //表格中的標準單元格ci

<form> //建立 HTML 表單                     <noframes>    //爲那些不支持框架的瀏覽器顯示文本，於 frameset 元素內部          <tfoot>     //定義表格的頁腳（腳註或表注）文檔

<h1>    //定義最大的標題                      <noscript>    //定義在腳本未被執行時的替代內容                                                       <th>    //定義表頭單元格

<h2>    // 定義副標題                            <tr>     //定義表格中的行                                                                                              <thead>    //標籤訂義表格的表頭

行級元素

概念：

  • 每個行內元素能夠和別的行內元素共享一行，相鄰的行內元素會排列在同一行裏，直到一行排不下了，纔會換行。 
  • 行內元素的高度、寬度、行高及頂部和底部邊距不可設置。 
  • 元素的寬度就是它包含的文字或圖片的寬度，不可改變。

 

 

 <a>     //標籤可定義錨                                                       <abbr>     //表示一個縮寫形式                                                     <acronym>     //定義只取首字母縮寫 

<b>     //字體加粗                                                                <bdo>     //可覆蓋默認的文本方向                                              <big>     //大號字體加粗 

<br>     //換行                                                                      <cite>     //引用進行定義                                                             <code>    // 定義計算機代碼文本

<dfn>     //定義一個定義項目                                               <em>     //定義爲強調的內容                                                       <i>     //斜體文本效果

<img>     //向網頁中嵌入一幅圖像                                      <input>     //輸入框                                                                        <var>    // 定義變量

<kbd>     //定義鍵盤文本 　　　　　　　　　　　　　　<label>     //標籤爲 input 元素定義標註（標記）　　　　　　　  <q>     //定義短的引用

<samp>     //定義樣本文本　　　　　　　　　　　　　 <select> // 建立單選或多選菜單　　　　　　　　　　　　　　　<small>     //呈現小號字體效果

<span>     //組合文檔中的行內元素 　　　　　　　　　<strong> //加粗 　　　　　　　　　　　　　　　　　　　　　　<sub>     //定義下標文本

<sup>     //定義上標文本　　　　　　　　　　　　　   <textarea>     //多行的文本輸入控件 　　　　　　　　　　　　　<tt>     //打字機或者等寬的文本效果

 

 

 

區別:一是排列方式，二是寬高邊距設置，三是默認寬度。

 

  1. 塊級元素會獨佔一行，而內聯元素和內聯塊元素則會在一行內顯示。
  2. 塊級元素和內聯塊元素能夠設置 width、height 屬性，而內聯元素設置無效。
  3. 塊級元素的 width 默認爲 100%，而內聯元素則是根據其自身的內容或子元素來決定其寬度。

 

 

2019-10-09  10:16:16

相關文章