Bagaimana untuk menetapkan gaya fon dalam HTML

HTML ialah bahasa penanda yang digunakan untuk membuat halaman web Pembangun boleh menulis struktur dan kandungan halaman web melalui HTML. Dalam HTML, gaya fon adalah sangat penting Anda boleh menetapkan saiz fon, warna fon, gaya fon, dan lain-lain untuk menjadikan kandungan halaman web lebih cantik dan mudah dibaca. Dalam artikel ini, kami akan memberi tumpuan kepada cara menggayakan fon dalam HTML.

1. Konsep asas gaya fon HTML

Dalam HTML, gaya fon merujuk kepada gabungan atribut teks seperti fon, saiz, warna dan gaya. Gaya fon boleh ditetapkan melalui atribut elemen CSS atau HTML. Anda boleh menetapkan gaya fon dengan cara berikut:

1. Gunakan atribut elemen
   Contohnya, dalam HTML, elemen

   boleh digunakan untuk mentakrifkan perenggan dan anda boleh menetapkan dalam perenggan dengan cara berikut Warna dan saiz fon:

<p style="color: red; font-size: 20px;">这是一段红色字体，大小为 20px 的文本。</p>

2. Menggunakan helaian gaya CSS
   Contohnya, dalam helaian gaya CSS, anda boleh menggunakan yang berikut kod untuk menggayakan fon:

p {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
}

Pemilih p dalam kod di atas bermaksud menetapkan gaya untuk elemen perenggan fon-keluarga menetapkan nama fon, sans-serif ialah nama fon sandaran; atribut saiz fon menetapkan saiz fon, 16px ialah Unit piksel; atribut warna menetapkan warna fon, #333 ialah nilai warna heksadesimal.

2. Atribut gaya fon yang biasa digunakan dalam HTML

1. atribut keluarga fon: digunakan untuk menetapkan nama fon yang biasa digunakan termasuk Arial, Times New Roman, Helvetica, dan Courier New , Verdana et al.
2. atribut saiz fon: digunakan untuk menetapkan saiz fon Unit biasa termasuk piksel (px), peratusan (%), mata (pt) dan em (em digunakan untuk unit saiz berbanding dengan induk. elemen) tunggu.
3. atribut gaya fon: digunakan untuk menetapkan gaya fon yang biasa digunakan termasuk nilai biasa, condong dan serong.
4. atribut berat fon: digunakan untuk menetapkan ketebalan fon Nilai yang biasa digunakan termasuk normal, tebal, lebih tebal, dsb.
5. atribut varian fon: digunakan untuk menetapkan bentuk huruf besar teks yang biasa digunakan termasuk nilai biasa (nilai lalai), huruf kecil (mod huruf besar kecil), dsb.
6. atribut warna: digunakan untuk menetapkan warna kandungan teks Nilai biasa termasuk nilai warna heksadesimal dan nama warna.

3. Contoh menetapkan gaya fon dalam HTML

Berikut ialah beberapa contoh biasa menetapkan gaya fon dalam HTML:

1. Tetapkan saiz fon dan Warna

<p style="font-size: 18px; color: #333;">这是一个样式化的段落文本。</p>

2. Tetapkan berat dan gaya teks

<p style="font-weight: bold; font-style: italic;">这是一个粗体倾斜的段落文本。</p>

3. Juga tetapkan nama fon, saiz, berat dan gaya

<p style="font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; font-style: italic;">这是一个 Arial 字体的粗体倾斜段落文本。</p>

4. Ringkasan

Dalam HTML, penetapan gaya fon boleh dicapai melalui atribut elemen html atau helaian gaya CSS. Sifat gaya fon yang biasa digunakan termasuk keluarga fon, saiz fon, gaya fon, berat fon, varian fon dan warna. Menetapkan gaya fon yang sesuai boleh menjadikan kandungan web kelihatan lebih cantik dan lebih mudah untuk difahami dan dibaca oleh pembaca.

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