HTML中行內(nèi)元素與塊級元素的區(qū)別：

在標(biāo)準(zhǔn)文檔流里面，塊級元素具有以下特點(diǎn)：

①總是在新行上開始，占據(jù)一整行；

②高度，行高以及外邊距和內(nèi)邊距都可控制；

③寬帶始終是與瀏覽器寬度一樣，與內(nèi)容無關(guān)；

④它可以容納內(nèi)聯(lián)元素和其他塊元素

行內(nèi)元素的特點(diǎn)：

①和其他元素都在一行上；

②高，行高及外邊距和內(nèi)邊距部分可改變；

③寬度只與內(nèi)容有關(guān)；

④行內(nèi)元素只能容納文本或者其他行內(nèi)元素。

不可以設(shè)置寬高，其寬度隨著內(nèi)容增加，高度隨字體大小而改變，內(nèi)聯(lián)元素可以設(shè)置外邊界，但是外邊界不對上下起作用，只能對左右起作用，也可以設(shè)置內(nèi)邊界，但是內(nèi)邊界在ie6中不對上下起作用，只能對左右起作用

常見的塊級元素與行內(nèi)元素：

•塊元素(block element)  

1.      * address - 地址  
2.　　* blockquote - 塊引用  
3.　　* center - 舉中對齊塊  
4.　　* dir - 目錄列表  
5.　　* div - 常用塊級容易，也是css layout的主要標(biāo)簽  
6.　　* dl - 定義列表  
7.　　* fieldset - form控制組  
8.　　* form - 交互表單  
9.　　* h1 - 大標(biāo)題  
10.　　* h2 - 副標(biāo)題  
11.　　* h3 - 3級標(biāo)題  
12.　　* h4 - 4級標(biāo)題  
13.　　* h5 - 5級標(biāo)題  
14.　　* h6 - 6級標(biāo)題  
15.　　* hr - 水平分隔線  
16.　　* isindex - input prompt  
17.　　* menu - 菜單列表  
18.　　* noframes - frames可選內(nèi)容，（對于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容  
19.　　* noscript - 可選腳本內(nèi)容（對于不支持script的瀏覽器顯示此內(nèi)容）  
20.　　* ol - 排序表單  
21.　　* p - 段落  
22.　　* pre - 格式化文本  
23.　　* table - 表格  
24.　　* ul - 非排序列表  

•  行內(nèi)元素(inline element)  
1.      * a - 錨點(diǎn)  
2.　　* abbr - 縮寫  
3.　　* acronym - 首字  
4.　　* b - 粗體(不推薦)  
5.　　* bdo - bidi override  
6.　　* big - 大字體  
7.　　* br - 換行  
8.　　* cite - 引用  
9.　　* code - 計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)  
10.　　* dfn - 定義字段  
11.　　* em - 強(qiáng)調(diào)  
12.　　* font - 字體設(shè)定(不推薦)  
13.　　* i - 斜體  
14.　　* img - 圖片  
15.　　* input - 輸入框  
16.　　* kbd - 定義鍵盤文本  
17.　　* label - 表格標(biāo)簽  
18.　　* q - 短引用  
19.　　* s - 中劃線(不推薦)  
20.　　* samp - 定義范例計(jì)算機(jī)代碼  
21.　　* select - 項(xiàng)目選擇  
22.　　* small - 小字體文本  
23.　　* span - 常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊  
24.　　* strike - 中劃線  
25.　　* strong - 粗體強(qiáng)調(diào)  
26.　　* sub - 下標(biāo)  
27.　　* sup - 上標(biāo)  
28.　　* textarea - 多行文本輸入框  
29.　　* tt - 電傳文本  
30.　　* u - 下劃線  
31.　　* var - 定義變量  

以上這篇web網(wǎng)頁開發(fā)面試筆試必備小知識(必看)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

原文地址：http://www.cnblogs.com/yzybc/p/5643554.html