- 相關(guān)推薦
web網(wǎng)頁開發(fā)筆小知識
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ā)筆小知識】相關(guān)文章：
有關(guān)web服務(wù)器硬件配置的進(jìn)階知識08-24
豆角小知識12-03
開奶與催乳基本知識08-15
油畫收藏小知識06-07
人物速寫小知識06-03
web項(xiàng)目總結(jié)05-02
音樂劇小知識06-12
冬季肌膚護(hù)理小知識08-30
足球小知識越位的典故05-28
春季疾病預(yù)防小知識06-18