1咐容、塊元素(block)獨(dú)占一行,里面可包含塊元素和內(nèi)聯(lián)元素荆秦,并且width與height對(duì)它起作用。
2力图、內(nèi)聯(lián)元素只能容納文本或其他內(nèi)聯(lián)元素(不推薦內(nèi)聯(lián)元素里包含塊元素)步绸,它允許與其他內(nèi)聯(lián)元素位于同一行內(nèi),比如span吃媒,但瓤介,width與height對(duì)它不起作用。
3赘那、當(dāng)然刑桑,塊元素與內(nèi)聯(lián)元素是可以相互轉(zhuǎn)換的,給塊元素設(shè)置display:inline;或給內(nèi)聯(lián)元素設(shè)置display:block;即可轉(zhuǎn)換漓概。
4漾月、區(qū)別
塊元素:可以設(shè)置width與height,獨(dú)占一行胃珍,padding與margin在水平與垂直方向均有效梁肿;寬度默認(rèn)是它所在容器的100%,高度默認(rèn)是內(nèi)容高度觅彰。
內(nèi)聯(lián)元素:不可設(shè)置寬高吩蔑,不會(huì)獨(dú)占一行,padding與margin只在水平方向有效填抬,寬度就是它所容納的文字或圖片的寬度烛芬,不可改變。
5飒责、常見的塊元素
* address - 地址
* blockquote - 塊引用
* center - 居中對(duì)齊塊
* dir - 目錄列表
* div - 常用塊級(jí)容易赘娄,也是css layout的主要標(biāo)簽
* dl - 定義列表 dt dd
* fieldset - form控制組
* form - 交互表單 (只能用來容納其它塊元素)
* h1 - 大標(biāo)題
* h2 - 副標(biāo)題
* h3 - 3級(jí)標(biāo)題
* h4 - 4級(jí)標(biāo)題
* h5 - 5級(jí)標(biāo)題
* h6 - 6級(jí)標(biāo)題
* hr - 水平分隔線
* isindex - input prompt
* menu - 菜單列表
* noframes - frames可選內(nèi)容,(對(duì)于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容
* noscript - 可選腳本內(nèi)容(對(duì)于不支持script的瀏覽器顯示此內(nèi)容)
* ol - 排序表單 li?
* p - 段落
* pre - 格式化文本
* table - 表格 caption thead tbody tfoot th tr td
* ul - 無序列表 li宏蛉。?
6遣臼、常見的內(nèi)聯(lián)元素
* a - 錨點(diǎn)
* abbr - 縮寫
* acronym - 首字
* b - 粗體(不推薦)
* bdo - bidi override
* big - 大字體
* br - 換行
* cite - 引用
* code - 計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)
* dfn - 定義字段
* em - 強(qiáng)調(diào)
* font - 字體設(shè)定(不推薦)
* i - 斜體
* img - 圖片
* input - 輸入框
* kbd - 定義鍵盤文本
* label - 表格標(biāo)簽
* q - 短引用
* s - 中劃線(不推薦)
* samp - 定義范例計(jì)算機(jī)代碼
* select - 項(xiàng)目選擇
* small - 小字體文本
* span - 常用內(nèi)聯(lián)容器,定義文本內(nèi)區(qū)塊
* strike - 中劃線
* strong - 粗體強(qiáng)調(diào)
* sub - 下標(biāo)
* sup - 上標(biāo)
* textarea - 多行文本輸入框
* tt - 電傳文本
* u - 下劃線
* var - 定義變量