html 的塊級(block-level)元素和行內(inline)元素
阿新 • • 發佈:2019-01-12
塊級元素(block-level)和行內(inline)元素是歷史上對html元素標籤的分類,html5將"block-level"和“inline”這兩個概念刪除了。
一、塊級元素(block-level)
塊級元素會頁面中出現一個可見的塊——它們將出現在新的一行中,無論前面的內容是什麼,之後的內容將出現在他們的下一行。塊級元素不能巢狀在行內(inline)元素中,但塊級元素能夠巢狀在另一個塊級(block-level)元素中.
塊級元素只能出現在<body>元素中。下面是所有塊級元素的標籤:
二、行內元素(inline)
行內元素不能產生一個新行。例如:<a>、<em>、<strong>等。
內容模型:行內元素裡面只能放資料和其他的行內元素,不能放塊級元素在行內元素中。
行內元素不從新行開始,只佔用所需的寬度。下面是所有的行內元素。
通過css的一個屬性display,可以改變其html展示的外觀,但是css的這個屬性並不能改變類別和內容模型,例如,通過css的display將<span>轉變為“塊”,仍然不能將<div>巢狀如<span>裡面.