什麼是塊級元素和內聯級元素

block（塊）元素的特點： ①總是在新行上開始； ②高度，行高以及外邊距和內邊距都可控制； ③寬度缺省是它的容器的100%，除非設定一個寬度。 ④它可以容納內聯元素和其他塊元素 inline元素的特點： ①和其他元素都在一行上； ②高，行高及外邊距和內邊距不可改變； ③寬度就是它的文字或圖片的寬度，不可改變 ④內聯元素只能容納文本或者其他內聯元素 （中文叫法有多種內聯元素、內嵌元素、行內元素、直進式元素）。 塊元素(block element)和內聯元素(inline element)都是html規範中的概念。塊元素和 內聯元素的基本差異是塊元素一般都從新行開始。而當加入了css控制以後，塊元 素和內聯元素的這種屬性差異就不成爲差異了。比如，我們完全可以把內聯元素 加上display:block這樣的屬性，讓他也有每次都從新行開始的屬性即成爲塊元素 ,同樣我們可以把塊元素加上display:inline這樣的屬性，讓他也在一行上排列 可變元素： 是基於以上兩者隨環境而變化的，它的基本概念就是他需要根據上下文關係確定該 元素是塊元素或者內聯元素。可變元素還是屬於上述兩種元素類別，一旦上下文關係確 定了他的類別，他就要遵循塊元素或者內聯元素的規則限制 塊元素(block element) ◎ address - 地址 ◎ blockquote - 塊引用 ◎ center - 舉中對齊塊 ◎ dir - 目錄列表 ◎ div - 常用塊級容易，也是css layout的主要標籤 ◎ dl - 定義列表 ◎ fieldset - form控制組 ◎ form - 交互表單 ◎ h1 - 大標題 ◎ h2 - 副標題 ◎ h3 - 3級標題 ◎ h4 - 4級標題 ◎ h5 - 5級標題 ◎ h6 - 6級標題 ◎ hr - 水平分隔線 ◎ isindex - input prompt ◎ menu - 菜單列表 ◎ noframes - frames可選內容，（對於不支持frame的瀏覽器顯示此區塊內容） ◎ noscript - 可選腳本內容（對於不支持script的瀏覽器顯示此內容） ◎ ol - 排序表單 ◎ p - 段落 ◎ pre - 格式化文本 ◎ table - 表格 ◎ ul - 非排序列表（無序列表） 內聯元素(inline element) ◎ a - 錨點 ◎ abbr - 縮寫 ◎ acronym - 首字 ◎ b - 粗體(不推薦) ◎ bdo - bidi override ◎ big - 大字體 ◎ br - 換行 ◎ cite - 引用 ◎ code - 計算機代碼(在引用源碼的時候需要) ◎ dfn - 定義字段 ◎ em - 強調 ◎ font - 字體設定(不推薦) ◎ i - 斜體 ◎ img - 圖片 ◎ input - 輸入框 ◎ kbd - 定義鍵盤文本 ◎ label - 表格標籤 ◎ q - 短引用 ◎ s - 中劃線(不推薦) ◎ samp - 定義範例計算機代碼 ◎ select - 項目選擇 ◎ small - 小字體文本 ◎ span - 常用內聯容器，定義文本內區塊 ◎ strike - 中劃線 ◎ strong - 粗體強調 ◎ sub - 下標 ◎ sup - 上標 ◎ textarea - 多行文本輸入框 ◎ tt - 電傳文本 ◎ u - 下劃線 ◎ var - 定義變量 可變元素：可變元素爲根據上下文語境決定該元素爲塊元素或者內聯元素。 ◎ applet - java applet ◎ button - 按鈕 ◎ del - 刪除文本 ◎ iframe - inline frame ◎ ins - 插入的文本 ◎ map - 圖片區塊(map) ◎ object - object對象 ◎ script - 客戶端腳本 如果對上面內容還不夠明白推薦閱讀--CSS文檔流與塊級元素和內聯元素