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

html中塊級元素是什麼

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

在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