tetapan fon html

Tetapan fon HTML

Dalam reka bentuk web, fon ialah elemen yang sangat penting. Jika tetapan fon halaman web tidak munasabah, ia akan menyebabkan pengalaman membaca yang tidak baik kepada pelawat malah menjejaskan estetika halaman web, seterusnya menjejaskan trafik dan keberkesanan tapak web. Dalam HTML, kita boleh mengubah suai kesan fon dengan menetapkan atribut seperti gaya fon, saiz, warna, dll. Berikut akan memperkenalkan kaedah tetapan fon yang biasa digunakan dalam HTML.

1. Keluarga Font

Dalam HTML, keluarga fon merujuk kepada jenis fon. Keluarga fon biasa termasuk fon Lagu, fon Hei, fon Kai, fon Lagu, dll. Dalam CSS, kita boleh menggunakan nama Inggeris fon untuk menetapkan keluarga fon, contohnya:

body{ font-family: "Microsoft YaHei", Arial, sans-serif;}

Dalam kod di atas , kami menetapkan tiga fon, masing-masing ialah Microsoft Yahei, Arial dan sans-serif. Jika fon Microsoft Yahei tidak dipasang pada peranti pengguna, penyemak imbas akan menggunakan fon Arial secara automatik jika fon Arial tidak wujud, penyemak imbas akan menggunakan fon sans-serif sebagai fon lalai.

2. Saiz fon

Cara untuk menetapkan saiz fon dalam HTML adalah dengan menggunakan atribut saiz fon, yang nilai atributnya boleh dalam unit seperti piksel, peratusan atau ems. Antaranya, piksel ialah unit yang paling biasa digunakan dan biasanya digunakan untuk menetapkan fon bersaiz tetap. Contohnya:

p{font-size: 16px;}

Dalam kod di atas, kami menetapkan saiz fon perenggan kepada 16 piksel.

Selain itu, peratusan dan em juga merupakan unit yang biasa digunakan. Peratus merujuk kepada saiz relatif kepada elemen induk, manakala em adalah relatif kepada saiz fon elemen. Contohnya:

h1{font-size: 200%;}

Dalam kod di atas, kami menetapkan saiz fon tajuk h1 kepada 200% daripada saiz elemen induknya.

3. Fon tebal

Cara untuk menebalkan fon dalam HTML ialah menggunakan atribut berat fon, yang nilai atributnya boleh menjadi normal, tebal atau nombor. Antaranya, normal bermaksud font biasa, dan bold bermaksud font tebal. Julat nilai nombor ialah 100~900, di mana 100~500 bermaksud fon biasa, dan 600~900 bermaksud fon tebal. Contohnya:

h2{font-weight: bold;}

Dalam kod di atas, kami memaparkan fon tajuk h2 dengan berani.

4. Warna fon

Cara untuk menetapkan warna fon dalam HTML adalah dengan menggunakan atribut warna, yang nilai atributnya boleh menjadi nama warna, nilai warna heksadesimal atau nilai warna RGB . Contohnya:

p{color: red;}

Dalam kod di atas, kami menetapkan warna fon dalam perenggan kepada merah.

h3{color: #0000ff;}

Dalam kod di atas, kami menetapkan warna fon tajuk h3 kepada biru.

h4{color:rgb(255,0,0);}

Dalam kod di atas, kami menetapkan warna fon tajuk h4 kepada merah.

5. Gaya teks

menyokong beberapa gaya teks dalam HTML, seperti garis bawah, coretan, condong, dsb. Kami boleh menggunakan atribut hiasan teks, transformasi teks, gaya fon untuk ditetapkan, contohnya:

p{ text-decoration: underline; font-style: italic; text-transform: uppercase;}

Dalam kod di atas, kami menggaris dan menetapkan fon dalam perenggan kepada condong dan menukar huruf kepada huruf besar .

Ringkasan

Tetapan fon dalam HTML adalah sangat penting untuk reka bentuk web dan pengalaman pengguna. Dalam proses menetapkan fon, kita bukan sahaja perlu mempertimbangkan keindahan teks, tetapi juga memberi perhatian kepada kebolehbacaan dan kemudahan penggunaannya. Tetapan fon yang munasabah boleh menjadikan pengalaman membaca halaman web lebih baik dan meningkatkan bilangan paparan tapak web.

Atas ialah kandungan terperinci tetapan fon html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!