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>


Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus