行内元素與塊元素

一、行内元素與塊元素

行内元素也叫内聯元素，塊元素有的也叫行元素

行級元素和塊級元素

元素是通過display的屬性值來劃分的：block塊元素 inline元素 inline-block行内塊元素

塊級元素的特點：

1、總是在新行上開始，占據一整行；

2、高度，行高以及外邊距和内邊距都可控制；

3、寬在未設定情況下與浏覽器寬度一樣，與内容無關；

4、它可以容納内聯元素和其他塊元素。

行内元素的特點：

1、和其他元素都在一行上；

2、内聯元素不可以設定寬和高、垂直的margin、padding！

3、寬度隻與内容有關；

4、行内元素隻能容納文本或者其他行内元素。

塊級元素獨占一行，可以設定款和高，margin、padding四個方向都可以設定

内聯元素不是獨占一行，不可以設定款和高，margin、padding豎直的不可以設定

二、常見的内聯元素和塊元素

内聯元素（inline element）

a  - 錨點

b - 粗體（不推薦）

big - 大字型

em - 強調

font - 字型設定（不推薦）

i - 斜體

img - 圖檔（行内元素，但可設寬和高）

label - 提示标簽

select - 清單選擇

small - 小字型文本

span - 常見内聯容器，定義文本區塊

strong - 粗體強調

sub -下标

sup - 上标

textarea - 多行文本輸入框

u - 下劃線

塊元素（block element）

address - 位址

div - 常用塊容器

dl - 定義清單

fieldset - 元素集

form - 互動表單

h1-h6 - 标題

hr - 水準分隔線

ol - 有序清單

p - 段落

pre - 格式化文本

table - 表格 

ul - 無序清單

input是行内塊元素