在html中,塊級(jí)元素指的是display屬性為block的元素。通常塊級(jí)元素在很多瀏覽器中,都是顯示占據(jù)一行,并且排斥其他元素和其他元素在同一行,在瀏覽器中,塊元素出現(xiàn)的形狀是矩形,并且包含著其他元素。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
塊元素又名塊級(jí)元素(block element),和其對(duì)應(yīng)的是內(nèi)聯(lián)元素(inline element),都是html規(guī)范中的概念。大多數(shù)HTML 元素被定義為塊級(jí)元素或內(nèi)聯(lián)元素。塊級(jí)元素在瀏覽器顯示時(shí),通常會(huì)以新行來(lái)開(kāi)始(和結(jié)束)。
塊級(jí)元素比較霸道,默認(rèn)狀態(tài)下每次都占據(jù)一整個(gè)行,后面的內(nèi)容也必須再新起一行顯示.例如: <h1>, <p>, <ul>, <table>
每個(gè)塊級(jí)元素默認(rèn)占一行高度,一行內(nèi)添加一個(gè)塊級(jí)元素后無(wú)法一般無(wú)法添加其他元素(float浮動(dòng)后除外)。兩個(gè)塊級(jí)元素連續(xù)編輯時(shí),會(huì)在頁(yè)面自動(dòng)換行顯示。塊級(jí)元素一般可嵌套塊級(jí)元素或行內(nèi)元素;【推薦教程:《html視頻教程》】
塊級(jí)元素一般作為容器出現(xiàn),用來(lái)組織結(jié)構(gòu),但并不全是如此。有些塊級(jí)元素,如<form>只能包含塊級(jí)元素。其他的塊級(jí)元素則可以包含行級(jí)元素,如<P>;也有一些則既可以包含塊級(jí),也可以包含行級(jí)元素。
DIV 是最常用的塊級(jí)元素,元素樣式的display:block都是塊級(jí)元素。它們總是以一個(gè)塊的形式表現(xiàn)出來(lái),并且跟同級(jí)的兄弟塊依次豎直排列,左右撐滿。
塊級(jí)(block)元素的特點(diǎn)
①、總是在新行上開(kāi)始;
②、高度,行高以及外邊距和內(nèi)邊距都可控制;
③、寬度缺省是它的容器的100%,除非設(shè)定一個(gè)寬度。
④、它可以容納內(nèi)聯(lián)元素和其他塊元素