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í)元素的定義

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

如果對(duì)于上述的css塊級(jí)元素定義還是不太理解，我們?cè)賮砜匆豢碿ss塊級(jí)元素的三個(gè)特點(diǎn)：

• 每個(gè)塊級(jí)元素都是獨(dú)自占一行，其后的元素也只能另起一行，并不能兩個(gè)元素共用一行。

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

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

看完這三個(gè)css塊級(jí)元素特點(diǎn)之后，這下對(duì)css元素該有了進(jìn)一步的認(rèn)知，那么接下來我們就來看一看css塊級(jí)元素有哪些？

常見的css塊級(jí)元素：

• address：地址。

• blockquote：塊引用。

• center：舉中對(duì)齊塊。

• dir：目錄列表。

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

• dl：定義列表。

• fieldset：form控制組。

• form：交互表單。

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

• hr：水平分隔線。

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

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

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

• ol：有序表單。

• p：段落。

• pre：格式化文本。

• table：表格。

• ul：無序列表。

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