元素分類--區塊級元素

什麼是區塊級元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是區塊級元素。設定display:block就是將元素顯示為區塊級元素。如下程式碼就是將內聯元素a轉換為塊狀元素，使a元素具有塊狀元素特徵。

a{display:block;}

區塊級元素特徵：

#1、每個區塊級元素都從新的一行開始，且其後的元素也另起一行。（真霸道，一個區塊級元素獨佔一行）

2、元素的高度、寬度、行高以及頂和底邊距都可設定。

3、元素寬度在不設定的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設定一個寬度。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>内联块状元素</title>
<style type="text/css">
div,p{background:pink;}
</style>
</head>
<body>
<div>div1</div>
<div>div2</div>
<p>段落1段落1段落1段落1段落1</p>
</body>
</html>

繼續學習

新建檔案

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>内联块状元素</title> <style type="text/css"> div,p{background:pink;} </style> </head> <body> <div>div1</div> <div>div2</div> <p>段落1段落1段落1段落1段落1</p> </body> </html>

提交重置程式碼

自動運行