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