Elemen peringkat blok untuk kemasukan mudah ke HTML+CSS
Apakah elemen peringkat blok?
Dalam HTML, <div>, <p>, <h1>, <form>, <ul> adalah elemen peringkat blok.
Tetapan paparan:blok adalah untuk 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 selepasnya 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.
Mari lihat sekeping kod untuk menetapkan tag sebagai elemen blok:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>!important</title>
<style type="text/css">
a{
display:block;
width:100px;
height:18px;
background-color:green; /*設(shè)置背景色*/
color:#fff; /*設(shè)置字體顏色*/
}
</style>
</head>
<body>
<a href="#">PHP中文網(wǎng)</a>
</body>
</html>
