HTML中行內元素與塊級元素的區別:
在標准文檔流裡面,塊級元素具有以下特點:
①總是在新行上開始,占據一整行;
②高度,行高以及外邊距和內邊距都可控制;
③寬帶始終是與浏覽器寬度一樣,與內容無關;
④它可以容納內聯元素和其他塊元素
行內元素的特點:
①和其他元素都在一行上;
②高,行高及外邊距和內邊距部分可改變;
③寬度只與內容有關;
④行內元素只能容納文本或者其他行內元素。
不可以設置寬高,其寬度隨著內容增加,高度隨字體大小而改變,內聯元素可以設置外邊界,但是外邊界不對上下起作用,只能對左右起作用,也可以設置內邊界,但是內邊界在ie6中不對上下起作用,只能對左右起作用
常見的塊級元素與行內元素:
•塊元素(block element)
1. * address - 地址
2. * blockquote - 塊引用
3. * center - 舉中對齊塊
4. * dir - 目錄列表
5. * div - 常用塊級容易,也是css layout的主要標簽
6. * dl - 定義列表
7. * fieldset - form控制組
8. * form - 交互表單
9. * h1 - 大標題
10. * h2 - 副標題
11. * h3 - 3級標題
12. * h4 - 4級標題
13. * h5 - 5級標題
14. * h6 - 6級標題
15. * hr - 水平分隔線
16. * isindex - input prompt
17. * menu - 菜單列表
18. * noframes - frames可選內容,(對於不支持frame的浏覽器顯示此區塊內容
19. * noscript - 可選腳本內容(對於不支持script的浏覽器顯示此內容)
20. * ol - 排序表單
21. * p - 段落
22. * pre - 格式化文本
23. * table - 表格
24. * ul - 非排序列表
• 行內元素(inline element)
1. * a - 錨點
2. * abbr - 縮寫
3. * acronym - 首字
4. * b - 粗體(不推薦)
5. * bdo - bidi override
6. * big - 大字體
7. * br - 換行
8. * cite - 引用
9. * code - 計算機代碼(在引用源碼的時候需要)
10. * dfn - 定義字段
11. * em - 強調
12. * font - 字體設定(不推薦)
13. * i - 斜體
14. * img - 圖片
15. * input - 輸入框
16. * kbd - 定義鍵盤文本
17. * label - 表格標簽
18. * q - 短引用
19. * s - 中劃線(不推薦)
20. * samp - 定義范例計算機代碼
21. * select - 項目選擇
22. * small - 小字體文本
23. * span - 常用內聯容器,定義文本內區塊
24. * strike - 中劃線
25. * strong - 粗體強調
26. * sub - 下標
27. * sup - 上標
28. * textarea - 多行文本輸入框
29. * tt - 電傳文本
30. * u - 下劃線
31. * var - 定義變量
以上這篇web網頁開發面試筆試必備小知識(必看)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。
原文地址:http://www.cnblogs.com/yzybc/p/5643554.html