Bagaimana untuk melaraskan jarak fon css

Bagaimana untuk melaraskan jarak fon CSS?

CSS ialah bahasa helaian gaya yang digunakan dalam reka bentuk web. Ia boleh melaraskan reka letak, warna, fon, dsb. halaman web untuk menjadikan halaman web kelihatan lebih cantik. Antaranya, pelarasan jarak fon juga merupakan kaedah pelarasan gaya yang sangat penting.

Berikut ialah beberapa kaedah pelarasan jarak fon CSS biasa.

1. atribut line-height

Atribut line-height boleh menetapkan ketinggian baris Atribut ini biasanya digunakan untuk menetapkan jarak baris teks dan juga boleh digunakan untuk menetapkan jarak fon.

Contohnya, jika anda ingin menambah jarak fon kepada 1.2 kali ganda daripada asal, anda boleh menggunakan kod berikut:

p {
  font-size: 16px;
  line-height: 1.2;
}

Di mana 1.2 ialah nilai relatif, berbanding saiz fon. Jika anda menggunakan nilai piksel mutlak, anda boleh menulis:

p {
  font-size: 16px;
  line-height: 24px;
}

di mana 24px ialah 1.5 kali saiz fon.

2. atribut jarak huruf

atribut jarak huruf boleh menetapkan jarak antara huruf. Secara lalai, jarak antara huruf adalah tetap, tetapi kadangkala anda mungkin perlu memperhalusi jarak antara huruf semasa menetapkan huruf.

Sebagai contoh, jika anda perlu menambah jarak dengan separuh lebar huruf, anda boleh menggunakan kod berikut:

h1 {
  letter-spacing: 0.5em;
}

Unit em di sini merujuk kepada lebar huruf. Jika anda ingin meningkatkan jarak nilai piksel, anda boleh menulis:

h1 {
  letter-spacing: 5px;
}

di mana 5px ialah nilai piksel jarak.

3. atribut jarak perkataan

Atribut jarak perkataan boleh menetapkan jarak antara perkataan. Secara lalai, jarak antara perkataan adalah tetap, tetapi kadangkala anda mungkin perlu memperhalusi jarak antara perkataan semasa penetapan huruf.

Sebagai contoh, jika anda perlu menambah jarak dengan lebar satu huruf, anda boleh menggunakan kod berikut:

p {
  word-spacing: 1em;
}

Unit em di sini merujuk kepada lebar huruf. Jika anda ingin meningkatkan jarak nilai piksel, anda boleh menulis:

p {
  word-spacing: 10px;
}

di mana 10px ialah nilai piksel jarak.

4. atribut penjajaran teks

Atribut penjajaran teks boleh menetapkan penjajaran mendatar teks, termasuk penjajaran kiri, penjajaran tengah dan penjajaran kanan. Dalam sesetengah kes, menukar penjajaran teks boleh menjejaskan jarak teks.

Sebagai contoh, jika anda ingin menjajarkan teks ke kanan dan menambah jarak, anda boleh menggunakan kod berikut:

p {
  text-align: right;
  margin-right: 20px;
}

Di mana 20px ialah nilai piksel teks dari sebelah kanan tepi.

Ringkasan

Di atas ialah beberapa kaedah pelarasan jarak fon CSS. Perlu diingatkan bahawa pelarasan jarak harus berdasarkan kandungan teks tertentu dan keperluan reka bentuk. Semasa proses pelarasan, anda boleh menggunakan alat elemen periksa penyemak imbas untuk pratonton kesan dalam masa nyata.

Atas ialah kandungan terperinci Bagaimana untuk melaraskan jarak fon css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!