css教程系列17:HTML塊級元素&行內元素之分: <div> 和<span>

1 HTML 區塊元素: 大多數 HTML 元素被定義爲塊級元素內聯元素

1.1 塊級元素實例: <div> <h1>, <p>, <ul>, <table>

   塊級元素的特點: 獨佔一行,可設置寬高

1.2 行級元素實例 :<span> <a>

   行級元素特點:一行可排布多個,不可設置寬高.

1.3 行內塊元素:使用的最多:<input> <img>

  行級元素特點:一行可排布多個,也可設置寬高.

 

2 常用標籤行內塊特性區別介紹:

2.1 HTML<div> 元素的常見的用途是文檔佈局。它取代了使用表格定義佈局的老式方法。是定義了文檔的區域,塊級 (block-level)

使用 <table> 元素進行文檔佈局不是表格的正確用法。<table> 元素的作用是顯示錶格化的數據。

2.2 HTML <span> 元素是內聯元素,可用作文本的容器

 

<span> 元素也沒有特定的含義。是用來組合文檔中的行內元素, 內聯元素(inline)

 

當與 CSS 一同使用時,<span> 元素可用於爲部分文本設置樣式屬性。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章