1. 程式人生 > >css總結17:HTML塊級元素&行內元素之分: <div> 和<span>

css總結17:HTML塊級元素&行內元素之分: <div> 和<span>

1.2 文檔 block 介紹 沒有 多個 實例 區塊 不可

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> 元素可用於為部分文本設置樣式屬性。

css總結17:HTML塊級元素&行內元素之分: <div> 和<span>