Bagaimanakah Saya Boleh Mengeluarkan Margin Badan yang Tidak Diingini dengan Berkesan dalam CSS Tanpa Tetapan Semula Global?

Menyelesaikan Isu Margin Badan dalam CSS

Sebagai pembangun web pemula, anda telah menghadapi cabaran dalam mengalih keluar ruang margin daripada elemen badan anda. Ruang ini muncul di antara bahagian atas penyemak imbas dan teks "logo", seperti yang anda perhatikan dalam kod jsbin anda. Memahami punca dan menggunakan penyelesaian yang betul adalah penting.

Pendekatan menggunakan peraturan CSS berikut untuk mengalih keluar margin adalah tidak betul:

body { margin: 0; }

Walaupun ia kelihatan mudah, kaedah ini boleh menyebabkan akibat yang tidak diingini. Ia bukan amalan yang disyorkan untuk menetapkan semula semua jidar dan pelapik secara global kepada sifar.

Dalam kes anda, jidar h1 muncul di luar bekas induk kerana elemen induk tidak mempunyai pelapik. Dengan menambahkan padding pada elemen induk h1, margin akan berada dalam sempadan induk.

Daripada melaksanakan tetapan semula global, adalah dinasihatkan untuk menyasarkan elemen tertentu yang memerlukan pelarasan margin. Untuk contoh ini, anda boleh mengalih keluar sifat margin atas untuk tajuk tertentu dan bukannya menggunakan peraturan menyeluruh yang boleh mempunyai kesan yang tidak diingini di tempat lain dalam kod anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengeluarkan Margin Badan yang Tidak Diingini dengan Berkesan dalam CSS Tanpa Tetapan Semula Global?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!