block(塊)元素的特點: ①總是在新行上開始; ②高度,行高以及外邊距和內(nèi)邊距都可控制; ③寬度缺省是它的容器的100%,除非設(shè)定一個寬度。 ④它可以容納內(nèi)聯(lián)元素和其他塊元素 inline元素的特點: ①和其他元素都在一行上; ②高,行高及外邊距和內(nèi)邊距不可改變; ③寬度就是它的文字或圖片的寬度,不可改變 ④內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素 (中文叫法有多種內(nèi)聯(lián)元素、內(nèi)嵌元素、行內(nèi)元素、直進式元素)。 塊元素(block element)和內(nèi)聯(lián)元素(inline element)都是html規(guī)范中的概念。塊元素和 內(nèi)聯(lián)元素的基本差異是塊元素一般都從新行開始。而當(dāng)加入了css控制以后,塊元 素和內(nèi)聯(lián)元素的這種屬性差異就不成為差異了。比如,我們完全可以把內(nèi)聯(lián)元素 加上display:block這樣的屬性,讓他也有每次都從新行開始的屬性即成為塊元素 ,同樣我們可以把塊元素加上display:inline這樣的屬性,讓他也在一行上排列 塊元素(block element) ◎ address - 地址 ◎ blockquote - 塊引用 ◎ center - 舉中對齊塊 ◎ dir - 目錄列表 ◎ div - 常用塊級容易,也是css layout的主要標(biāo)簽 ◎ dl - 定義列表 ◎ fieldset - form控制組 ◎ form - 交互表單 ◎ h1 - 大標(biāo)題 ◎ h2 - 副標(biāo)題 ◎ h3 - 3級標(biāo)題 ◎ h4 - 4級標(biāo)題 ◎ h5 - 5級標(biāo)題 ◎ h6 - 6級標(biāo)題 ◎ hr - 水平分隔線 ◎ isindex - input prompt ◎ menu - 菜單列表 ◎ noframes - frames可選內(nèi)容,(對于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容) ◎ noscript - 可選腳本內(nèi)容(對于不支持script的瀏覽器顯示此內(nèi)容) ◎ ol - 排序表單 ◎ p - 段落 ◎ pre - 格式化文本 ◎ table - 表格 ◎ ul - 非排序列表(無序列表) 內(nèi)聯(lián)元素(inline element) ◎ a - 錨點 ◎ abbr - 縮寫 ◎ acronym - 首字 ◎ b - 粗體(不推薦) ◎ bdo - bidi override ◎ big - 大字體 ◎ br - 換行 ◎ cite - 引用 ◎ code - 計算機代碼(在引用源碼的時候需要) ◎ dfn - 定義字段 ◎ em - 強調(diào) ◎ font - 字體設(shè)定(不推薦) ◎ i - 斜體 ◎ img - 圖片 ◎ input - 輸入框 ◎ kbd - 定義鍵盤文本 ◎ label - 表格標(biāo)簽 ◎ q - 短引用 ◎ s - 中劃線(不推薦) ◎ samp - 定義范例計算機代碼 ◎ select - 項目選擇 ◎ small - 小字體文本 ◎ span - 常用內(nèi)聯(lián)容器,定義文本內(nèi)區(qū)塊 ◎ strike - 中劃線 ◎ strong - 粗體強調(diào) ◎ sub - 下標(biāo) ◎ sup - 上標(biāo) ◎ textarea - 多行文本輸入框 ◎ tt - 電傳文本 ◎ u - 下劃線 ◎ var - 定義變量 |
|