Apakah perbezaan antara html dan teg badan?-Soal Jawab bahagian hadapan-php.cn

Apakah perbezaan antara html dan teg badan?

青灯夜游

Lepaskan： 2023-01-11 09:19:48

asal

5964 orang telah melayarinya

Perbezaan: 1. Teg html ialah elemen akar dokumen; teg badan ialah elemen utama dokumen; 3. Dalam JS, html sepadan dengan "document.documentElement" ", badan sepadan dengan "document.body".

Apakah perbezaan antara html dan teg badan?

Persekitaran pengendalian tutorial ini: sistem Windows 7, CSS3&&HTML5&&javascript versi 1.8.5, komputer Dell G3.

Dalam CSS, perbezaan antara dan selalunya diabaikan, dan gaya global sama ada ditakrifkan pada Malah, terdapat perbezaan antara kedua-duanya, dan kedua-dua veteran CSS dan orang baru harus memahaminya.

Cara HTML dan Badan dikaitkan

<!DOCTYPE html>  
<html>  
  <head>
    <!-- Metadata and such -->
  </head>

  <body>
    <!-- Where the content begins -->
  <body>
</html>

Salin selepas log masuk

Menurut definisi standard, , , adalah satu-satunya elemen anak . Mengikut spesifikasi, ialah elemen yang perlu dibezakan daripada .

Oleh itu, dan Dalam dokumen HTML, pemilih :root sepadan dengan elemen

:root {
}

html {  
}

Salin selepas log masuk

Perlu diambil perhatian bahawa pemilih :root (kelas pseudo) mempunyai keutamaan yang lebih tinggi daripada pemilih html: (0, 0, 1, 0) vs (0, 0, 0, 1 ).

Gaya global yang manakah harus digunakan dalam HTML

html {  
  font-size: 62.5%;
}

body {  
  font-size: 1.4rem; /* =14px */
}

h1 {  
  font-size: 2.4rem; /* =24px */
}

Salin selepas log masuk

Warna latar belakang yang aneh

Terdapat beberapa gelagat pelik dalam CSS Selepas menggunakan warna latar belakang pada , walaupun elemen dalam tidak menduduki keseluruhan port pandangan, warna latar belakang akan merebak ke keseluruhan port pandangan.

Menetapkan warna latar belakang pada html boleh menyelesaikan masalah ini.

tinggi: 100%

Jika ketinggian dan sub-elemennya perlu ditetapkan pada ketinggian tetingkap,

html,  
body {  
  height: 100%;
}

Salin selepas log masuk

Gaya global yang manakah harus digunakan pada Badan

Dalam spesifikasi terdahulu,

latar belakang
bgcolor
marginbottom
< . >

Gaya CSS yang sepadan dengan sifat sebaris ini hendaklah digunakan pada .

Atribut Sebaris	Harta CSS
latar belakang	latar belakang
bgcolor	latar belakang background-color
marginbottom	margin-bottom
marginbottom	margin-left
marginright	margin-right
margintop	margin-top
teks	font

Perbezaan dalam JavaScript
Di atas menyebut beberapa perbezaan antara dan dalam CSS, seperti html yang sepadan dengan
, badan sepadan dengan

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:

Inline Attribute	CSS Property
background	background
bgcolor	background background-color
marginbottom	margin-bottom
marginleft	margin-left
marginright	margin-right
margintop	margin-top
text	font

Atas ialah kandungan terperinci Apakah perbezaan antara html dan teg badan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!