Apakah elemen peringkat blok? Dalam HTML, <div>, <p>, <h1>, <form>, <ul> dan <li> Paparan tetapan:blok memaparkan elemen sebagai elemen peringkat blok. Kod berikut menukarkan elemen sebaris a kepada elemen blok, supaya elemen a mempunyai ciri-ciri elemen blok.
a{display:block;}
Ciri elemen peringkat blok:
1 Setiap elemen peringkat blok bermula pada baris baharu dan elemen seterusnya juga bermula pada baris baharu. (Ia benar-benar mendominasi, elemen peringkat blok menduduki barisnya sendiri)
2. Ketinggian, lebar, ketinggian garisan dan jidar atas dan bawah elemen boleh ditetapkan.
3. Jika lebar elemen tidak ditetapkan, ia adalah 100% daripada bekas induknya (sama dengan lebar elemen induk), melainkan lebar ditetapkan.
<!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>
bahagian seterusnya