Kaedah tetapan ruang HTML

Kaedah tetapan ruang HTML termasuk: 1. Gaya sebaris; 2. Helaian gaya dalaman; Pengenalan terperinci: 1. Gaya sebaris, gunakan atribut gaya secara langsung dalam elemen HTML untuk menetapkan gaya CSS; dokumen HTML. Mengandungi peraturan CSS; 3. Helaian gaya luaran, tulis peraturan CSS dalam fail ".css" yang berasingan, dan kemudian dalam dokumen HTML, dsb.

Tetapan ruang HTML dicapai terutamanya melalui CSS Terdapat banyak kaedah tertentu Berikut adalah beberapa kaedah tetapan biasa:

1. Gunakan atribut gaya secara langsung dalam elemen HTML untuk menetapkan gaya CSS . Contohnya:

我是一个 div 2. Helaian gaya dalaman: Gunakan teg dalam bahagian Contohnya:

div {padding: 20px;} 我是一个 div 3. Helaian gaya luaran: Tulis peraturan CSS dalam fail .css yang berasingan, kemudian gunakan teg Contohnya:

我是一个 div Dalam fail styles.css:

div {padding: 20px;} Di antara tiga kaedah di atas, kaedah helaian gaya luaran adalah yang paling disyorkan, kerana ini boleh mencapai pemisahan gaya dan kandungan, menjadikan penyelenggaraan laman web dan pengubahsuaian gaya lebih selesa. Pada masa yang sama, helaian gaya luaran juga boleh dikongsi oleh berbilang halaman, yang boleh meningkatkan prestasi tapak web.

4 Gunakan atribut margin dan padding: Kedua-dua atribut ini boleh menetapkan margin luar dan margin dalam elemen masing-masing. Sebagai contoh, margin: 10px; menetapkan jidar luar elemen kepada 10 piksel, dan padding: 20px; Kedua-dua sifat boleh menerima empat nilai (atas, kanan, bawah, kiri), dua nilai (atas, bawah, kiri), atau satu nilai (semua). Contohnya:

div {margin: 10px; /* 设置外边距为10像素 */ padding: 20px; /* 设置内边距为20像素 */ } atau:

div {margin: 10px 15px; /* 设置上下外边距为10像素，左右外边距为15像素 */ padding: 20px 25px; /* 设置上下内边距为20像素，左右内边距为25像素 */ } atau:

div {margin: 10px 15px 20px 25px; /* 设置上外边距为10像素，右外边距为15像素，下外边距为20像素，左外边距为25像素 */ padding: 20px 25px; /* 设置上下内边距为20像素，左右内边距为25像素 */ } Ambil perhatian bahawa nilai margin dan padding boleh menjadi unit seperti piksel (px), peratusan (%), em, dsb., atau ia boleh unit relatif (seperti em). Di samping itu, antara empat nilai margin, jika dua nilai pertama adalah nombor positif, dua nilai pertama mewakili margin atas dan bawah jika dua nilai terakhir adalah nombor positif, dua nilai terakhir mewakili margin kiri dan kanan. Begitu juga, antara empat nilai padding, jika dua nilai pertama adalah nombor positif, dua nilai pertama mewakili padding atas dan bawah jika dua nilai terakhir ialah nombor positif, dua nilai terakhir mewakili padding kiri dan kanan .