Sumber tidak diminta oleh CSS, tetapi oleh DOM

Imej menunjukkan tweet yang menonjolkan konsep penting dalam pembangunan web: sumber tidak dimuatkan semata -mata kerana ia dirujuk dalam CSS; DOM juga mesti meminta mereka.

Tweet berwawasan ini menekankan model mental yang betul untuk memahami fungsi laman web. Mari jelaskan ini lebih lanjut:

 /* CSS sahaja tidak menjamin pemuatan. Untuk memuat 'myfont.woff2', 'font-family:' mywebfont ';' mesti ditetapkan dalam pemilih * dan * elemen dalam DOM mesti sepadan dengan pemilih itu. */
@font-face {
  font-family: 'mywebfont';
  src: url ('myfont.woff2') format ('woff2');
}

/* Begitu juga, 'apa sahaja.jpg' hanya dimuatkan jika pemilih '.some-element' wujud di dom. */
.some-element {
  imej latar belakang: url ('wana.jpg');
}

Pada dasarnya, CSS memberikan arahan, tetapi Dom menentukan sumber -sumber mana yang sebenarnya diambil dan digunakan oleh pelayar untuk menjadikan halaman web tersebut. Kehadiran sumber dalam CSS adalah syarat yang perlu tetapi tidak mencukupi untuk dimuatkan.

Atas ialah kandungan terperinci Sumber tidak diminta oleh CSS, tetapi oleh DOM. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!