Mengapa Menggayakan Warna Latar Belakang Elemen Badan Mempengaruhi Keseluruhan Skrin?

Mengapa Menggayakan Latar Belakang Elemen Badan Mempengaruhi Keseluruhan Skrin

Elemen badan ialah elemen akar dalam dokumen HTML dan menggayakannya sifat latar belakang mempunyai kesan unik yang melangkaui elemen itu sendiri. Apabila anda menetapkan warna latar belakang pada badan, ia menjadi tirai latar untuk keseluruhan halaman web, meliputi keseluruhan port pandangan penyemak imbas.

Mengikut spesifikasi CSS (http://www.w3.org/TR/CSS21 /colors.html), "Latar belakang elemen akar menjadi latar belakang kanvas dan meliputi keseluruhan kanvas." Ini bermakna warna latar belakang untuk elemen badan digunakan pada keseluruhan halaman, walaupun elemen badan itu sendiri mungkin tidak menduduki keseluruhan port pandangan.

Sebagai contoh, jika anda menetapkan peraturan CSS berikut:

body {
  width: 700px;
  height: 200px;
  border: 5px dotted red;
  background-color: blue;
}

Anda mungkin menjangkakan bahawa warna latar belakang hanya akan memenuhi kawasan 700px kali 200px yang ditentukan oleh lebar dan ketinggian elemen. Walau bagaimanapun, latar belakang biru sebaliknya akan menduduki keseluruhan skrin, manakala jidar kekal terhad kepada dimensi 700px kali 200px.

Tingkah laku ini ialah aspek asas penggayaan CSS. Elemen badan ialah bekas paling luar untuk semua elemen lain pada halaman dan sifat latar belakangnya menetapkan tirai latar untuk keseluruhan kanvas. Walaupun sifat lain, seperti sempadan, digunakan pada elemen itu sendiri, sifat latar belakang memanjang ke seluruh port pandangan, mewujudkan ilusi bahawa latar belakang meresap ke seluruh skrin.

Atas ialah kandungan terperinci Mengapa Menggayakan Warna Latar Belakang Elemen Badan Mempengaruhi Keseluruhan Skrin?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!