css的塊元素有：address、blockquote、dir、div、dl、form、hr、ol、p、pre、table、ul、caption、dd、fieldset、li、legend、noframes、noscript、h1–h6等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css塊級元素的定義

根據(jù)W3C上的解釋，就是說block（塊級）元素是獨占一行顯示的。它的兄弟元素必定不會與其在同一行中（除非脫離了文檔流）。其實，通俗點來說，就是塊元素(blockelement)一般是其他元素的容器元素，能容納其他塊元素或內(nèi)聯(lián)元素。最常見的就是P和div這兩個，說的再簡單點，就是塊元素就好比一個四方塊，可以放其他的四方塊，并可以呈現(xiàn)在頁面上任何地方。

如果對于上述的css塊級元素定義還是不太理解，我們再來看一看css塊級元素的三個特點：

• 每個塊級元素都是獨自占一行，其后的元素也只能另起一行，并不能兩個元素共用一行。

• 元素的高度、寬度、行高和頂?shù)走吘喽际强梢栽O(shè)置的。

• 元素的寬度如果不設(shè)置的話，默認為父元素的寬度。

看完這三個css塊級元素特點之后，這下對css元素該有了進一步的認知，那么接下來我們就來看一看css塊級元素有哪些？

常見的css塊級元素：

• address：地址。

• blockquote：塊引用。

• center：舉中對齊塊。

• dir：目錄列表。

• div：常用塊級容易，也是CSSlayout的主要標(biāo)簽。

• dl：定義列表。

• fieldset：form控制組。

• form：交互表單。

• h1–h6：標(biāo)題。

• hr：水平分隔線。

• isindex：inputprompt。 menu：菜單列表。

• noframes：frames可選內(nèi)容，（對于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容）。

• noscript：可選腳本內(nèi)容（對于不支持script的瀏覽器顯示此內(nèi)容）。

• ol：有序表單。

• p：段落。

• pre：格式化文本。

• table：表格。

• ul：無序列表。

推薦學(xué)習(xí)：css視頻教程