Apakah yang termasuk dalam model kotak standard?

Model kotak standard termasuk kawasan kandungan, sempadan, pelapik dan jidar, dsb. Pengenalan terperinci: 1. Kawasan kandungan ialah kawasan di mana elemen itu sebenarnya memaparkan kandungannya ditentukan oleh atribut lebar dan ketinggian unsur tersebut daripada elemen dari elemen lain Saiz sempadan ditentukan oleh atribut lebar sempadan 3. Padding ialah ruang antara kawasan kandungan dan sempadan, yang digunakan untuk mengawal jarak antara kandungan elemen dan sempadan; . Saiz padding ditentukan oleh atribut padding, dsb.

Sistem pengendalian untuk tutorial ini: sistem Windows 10, komputer DELL G3.

Model kotak standard ialah model yang digunakan dalam CSS untuk menerangkan dan menyusun atur elemen HTML. Ia mentakrifkan ruang yang diduduki oleh elemen dalam halaman web dan menentukan dimensi, sempadan, padding dan margin elemen. Model kotak standard termasuk bahagian berikut:

1 Kawasan kandungan: Kawasan kandungan ialah kawasan di mana elemen itu sebenarnya memaparkan kandungan, dan saiznya ditentukan oleh atribut lebar dan ketinggian elemen.

2: Sempadan ialah garisan di sekeliling bahagian luar kawasan kandungan untuk memisahkan kandungan unsur daripada unsur lain. Saiz sempadan ditentukan oleh sifat lebar sempadan.

3: Padding ialah ruang antara kawasan kandungan dan sempadan, yang digunakan untuk mengawal jarak antara kandungan elemen dan sempadan. Saiz padding ditentukan oleh atribut padding.

4: Margin ialah ruang antara unsur dan unsur lain, digunakan untuk mengawal jarak antara unsur dan unsur lain. Saiz margin ditentukan oleh atribut margin.

Ciri model kotak standard ialah saiz elemen (termasuk lebar dan tinggi) merujuk kepada saiz kawasan kandungan, tidak termasuk sempadan, pelapik dan jidar. Ini bermakna jika anda menetapkan lebar 100px untuk elemen, lebar sebenar yang dipaparkan ialah 100px ditambah saiz jidar, padding dan jidar.

Dalam model kotak standard, saiz elemen boleh ditentukan melalui pengiraan. Contohnya, jika elemen mempunyai lebar 200px, jidar 2px, padding 10px dan jidar 20px, lebar sebenar yang dipaparkan ialah 200px + 2px + 10px + 20px = 232px.

Satu lagi ciri model kotak standard ialah sempadan dan padding elemen akan menduduki ruang elemen, iaitu, ia akan meningkatkan saiz elemen. Ini boleh menyebabkan masalah apabila elemen diletakkan, terutamanya apabila terdapat sempadan dan padding di antara mereka. Untuk menyelesaikan masalah ini, CSS memperkenalkan model kotak lain, dipanggil model kotak IE atau model kotak pelik, yang merangkumi saiz sempadan dan pelapik dalam dimensi elemen.

Ringkasnya, model kotak standard termasuk kawasan kandungan, jidar, jidar dalam dan jidar luar. Ia mentakrifkan ruang yang diduduki unsur pada halaman web dan menentukan dimensi, sempadan, pelapik dan jidarnya. Memahami dan menguasai model kotak standard adalah sangat penting untuk susun atur dan reka bentuk halaman web yang betul

Atas ialah kandungan terperinci Apakah yang termasuk dalam model kotak standard?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!