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; /*设置背景色*/ color:#fff; /*设置字体颜色*/ } </style> </head> <body> <a href="#">PHP中文网</a> </body> </html>