首頁 > 文章 > web前端 > html中塊級元素是什麼

html中塊級元素是什麼

青灯夜游原創: 2021-03-02 17:04:4210457瀏覽

在html中，區塊級元素指的是display屬性為block的元素。通常區塊級元素在許多瀏覽器中，都是顯示佔據一行，並且排斥其他元素和其他元素在同一行，在瀏覽器中，塊元素出現的形狀是矩形，並且包含著其他元素。

html中塊級元素是什麼

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

區塊元素又稱為區塊級元素(block element)，和其對應的是內聯元素(inline element)，都是html規範中的概念。大多數HTML 元素被定義為區塊級元素或內聯元素。區塊級元素在瀏覽器顯示時，通常會以新行來開始（和結束）。

區塊級元素比較霸道，預設狀態下每次都佔據一整個行，後面的內容也必須再新起一行顯示.例如:

,

每個區塊級元素預設佔一行高度，一行內新增一個區塊級元素後無法一般無法新增其他元素（float浮動後除外）。兩個區塊級元素連續編輯時，會在頁面自動換行顯示。區塊級元素一般可嵌套區塊級元素或行內元素；

<html>
<head>
<style type="text/css">
p{ 
border: thin dotted #FF0000;
}
div{ 
border: 1px solid yellow;
}
</style>
</head>
<body>
<p>这是一个p元素</p>
<p>这是一个p元素</p>
<div>这是一个div元素</div>
<div>这是一个div元素</div>
</body>
</html>

html中塊級元素是什麼

#區塊級元素一般是作為容器出現，用來組織結構，但並非全然如此。有些區塊級元素，如

；也有一些則既可以包含區塊級，也可以包含行級元素。

DIV 是最常用的區塊級元素，元素樣式的display:block都是區塊級元素。它們總是以一個塊的形式表現出來，並且跟同級的兄弟塊依次豎直排列，左右撐滿。

區塊層級（block）元素的特徵

①、總是在新行開始；

②、高度，行高以及外邊距和內邊距都可控制；

③、寬度缺省是它的容器的100%，除非設定寬度。

④、它可以容納內聯元素和其他區塊元素

【推薦教學：《html影片教學》】

以上是html中塊級元素是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html如何為段落加粗下一篇：html如何為段落加粗

看更多