Bagaimana untuk menetapkan saiz fon dalam HTML

Apabila menulis kod HTML, saiz fon yang betul boleh menjadikan halaman kelihatan lebih selesa, mudah dibaca dan profesional. Artikel ini menerangkan cara menetapkan saiz fon dalam HTML.

Terdapat tujuh kata kunci saiz relatif yang berbeza dalam HTML, iaitu: xx-small, x-small, small, medium, large, x-large dan xx-large. Saiz relatif ditentukan secara relatif kepada saiz elemen induk elemen semasa. Secara umumnya, saiz sederhana ialah saiz garis dasar lalai, yang bersamaan dengan 16 px (piksel). Kata kunci lain dikira berdasarkan saiz garis dasar ini.

Selain itu, saiz fon boleh ditetapkan menggunakan saiz mutlak. Saiz ini sama ada unit panjang mutlak (seperti piksel atau titik) atau relatif kepada peratusan skrin. Kelebihan saiz mutlak ialah ia boleh mengawal saiz fon dengan tepat, tetapi kelemahannya ialah ia tidak dapat menyesuaikan diri dengan keperluan saiz skrin yang berbeza.

Berikut ialah cara untuk menetapkan saiz fon:

1. Menggunakan Saiz Relatif dalam HTML

Dengan menggunakan kata kunci saiz relatif, anda boleh menetapkan saiz fon berdasarkan saiz induk. Saiz elemen dilaraskan untuk kebolehsuaian yang lebih baik. Berikut ialah kod sampel:

<!-- 使用 small 大小的关键字 -->
<p style="font-size: small;">This text is smaller than usual.</p>

<!-- 使用 large 大小的关键字 -->
<p style="font-size: large;">This text is larger than usual.</p>

<!-- 使用 x-large 大小的关键字 -->
<p style="font-size: x-large;">This text is even larger than before.</p>

2. Menggunakan saiz mutlak dalam HTML

Dengan menggunakan saiz mutlak, anda boleh mempunyai kawalan yang tepat ke atas saiz fon. Berikut ialah kod contoh:

<!-- 使用像素作为绝对大小 -->
<p style="font-size: 20px;">This text is 20 pixels in size.</p>

<!-- 使用点作为绝对大小 -->
<p style="font-size: 14pt;">This text is 14 points in size.</p>

<!-- 使用百分比作为相对屏幕大小 -->
<p style="font-size: 200%;">This text is twice as big as normal.</p>

3. Menggunakan saiz fon dalam CSS

Anda boleh menggunakan atribut gaya terus untuk menetapkan saiz fon dalam HTML, tetapi anda boleh juga tetapkan saiz fon melalui jadual gaya CSS untuk ditetapkan. Contohnya:

/* 在样式表中设置字体大小为 16 像素 */
p {
  font-size: 16px;
}

Dengan kaedah ini, anda boleh menetapkan berbilang saiz fon dalam helaian gaya untuk menyesuaikan diri dengan reka letak halaman yang berbeza dengan lebih baik.

Ringkasan

Menetapkan saiz fon HTML ialah operasi yang sangat mudah Anda hanya perlu menggunakan sifat saiz fon CSS untuk menetapkannya. Walau bagaimanapun, kaveat adalah untuk memilih saiz relatif atau mutlak yang sesuai untuk menjadikan halaman lebih selesa dan boleh dibaca. Pada masa yang sama, anda juga harus memilih saiz fon yang sepadan mengikut saiz skrin untuk menyesuaikan diri dengan peranti yang berbeza dengan lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan saiz fon dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!