Dalam CSS, DIV mewakili elemen peringkat blok, digunakan untuk mencipta bekas yang boleh digayakan melalui CSS, mengandungi sebarang jenis kandungan HTML dan boleh digunakan untuk menyusun, mengumpulkan dan susun atur secara fleksibel melalui CSS dan boleh menambah semantik maklumat. Tidak seperti SPAN, DIV ialah elemen peringkat blok yang digunakan untuk mencipta bekas, manakala SPAN ialah elemen sebaris yang digunakan untuk menggayakan teks.

Maksud DIV dalam CSS

Dalam Cascading Style Sheets (CSS), DIV ialah pemilih CSS untuk elemen HTML, mewakili elemen peringkat blok.

Penggunaan DIV

Elemen DIV sering digunakan untuk mencipta bekas yang boleh digayakan melalui CSS. Ia boleh mengandungi sebarang jenis kandungan HTML seperti teks, imej, video, dsb.

Ciri-ciri DIV

• Elemen peringkat blok:Elemen DIV menduduki ruang mendatar dalam halaman dan bermula pada baris baharu.
• Bekas:Unsur DIV boleh mengandungi elemen HTML lain, menjadikannya bekas untuk menyusun dan mengumpulkan kandungan.
• Penggayaan:Elemen DIV boleh digayakan secara meluas melalui sifat CSS, seperti latar belakang, warna, fon, reka letak, dsb.
• Reka Letak Fleksibel:Elemen DIV boleh digabungkan dengan teknologi reka letak CSS lain, seperti Flexbox atau Grid, untuk mencapai reka letak halaman yang kompleks.
• ARIA Semantik:Elemen DIV boleh mempunyai peranan atau atribut ARIA yang dilampirkan padanya untuk menyediakan teknologi bantuan dengan pemahaman semantik kandungan.

Perbezaan antara DIV dan SPAN

Kedua-dua DIV dan SPAN ialah elemen HTML, tetapi ia mempunyai tujuan yang berbeza:

• DIV ialah elemen peringkat blok yang digunakan untuk mencipta bekas.
• SPAN ialah elemen sebaris yang digunakan untuk menggayakan teks atau coretan.

Contoh

Contoh berikut menunjukkan cara menggunakan DIV dalam HTML dan CSS:

 
页面标题
 
段落内容...
 

div { background-color: #f0f8ff; padding: 20px; margin: 0 auto; width: 80%; } div h1 { color: #333; font-size: 24px; margin-bottom: 10px; }

Atas ialah kandungan terperinci Apakah maksud div dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!