Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah tiga kategori teg html5?
Terdapat tiga jenis teg HTML5: 1. Elemen peringkat blok, yang nilai paparannya ialah "blok", dicirikan dengan dapat menetapkan lebar, tinggi, jidar dan pembalut garisan automatik 2. sebaris elemen, yang nilai paparannya ialah "blok" "sebaris" tidak akan membalut secara automatik, dan lebar dan tinggi tidak boleh ditetapkan 3. Unsur blok sebaris tidak akan membalut secara automatik, dan lebar dan tinggi boleh ditetapkan;
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Klasifikasi tag html5
tag juga dipanggil elemen
mengikut ciri teg . Dibahagikan kepada: tag blok, tag sebaris (sebaris), tag blok sebaris
Mengikut peraturan penutupan teg, ia boleh dibahagikan kepada: tag tunggal (tag kosong, tutup sendiri tag), tag berganda
Elemen blok yang biasa digunakan:
>Ciri elemen peringkat blok:
paparan:<p><code class="marker">block;
3. Jika lebar elemen tidak ditetapkan, ia adalah 100% daripada bekas induknya (sama dengan lebar elemen induk), melainkan lebar ditetapkan. Ciri elemen sebaris:
display:<strong><code class="marker">block;
1 Setiap elemen peringkat blok bermula pada baris baharu, dan elemen seterusnya juga bermula pada baris baharu. 2. Nilai ketinggian, lebar, ketinggian garisan dan jidar serta padding pada bahagian atas, bawah, kiri dan kanan elemen boleh ditetapkan.
paparan:sebaris
;
Ciri-ciri elemen blok sebaris:display:inline
Tidak boleh ditetapkan (hanya jidar dan padding dalam arah kiri dan kanan disokong); berubah.display:inline-block;<p></p> <p><span style="color:#B22222"></span>1 elemen lain berada pada baris yang sama; ketinggian, lebar, ketinggian garis, jidar atas dan bawah bagi elemen <span style="color:#B22222"></span>2 dan <span style="color:#B22222"><strong> boleh ditetapkan. </strong></span> (Menyokong jidar atas, bawah, kiri dan kanan serta nilai padding) </p> <p>3 Margin:0 auto tidak sah </p> <p>4 1 ruang secara lalai Gaps, kerana terdapat pemulangan pengangkutan dan suapan baris antara elemen dalam HTML, dan penyemak imbas akan menghuraikannya ke dalam ruang. <span style="font-size: 16px;"><strong><code class="marker">display:inline-block;
Penukaran jenis teg Jenis teg boleh ditukar:Tetapan display:inline Tukar kepada elemen inline
Set
Tukar ke inline block elementdisplay:linline-block
Tetapkan
paparan:sekat untuk menukar kepada elemen peringkat blok(Belajar perkongsian video:
- tutorial video html
,
)display:inline
depan web -akhir
Atas ialah kandungan terperinci Apakah tiga kategori teg html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!