Klasifikasi elemen--elemen peringkat blok

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>

Meneruskan pembelajaran

fail baharu

<!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>

serahkan Tetapkan Semula Kod

Operasi automatik