html tetapan fon

HTML ialah bahasa asas untuk penghasilan halaman web Ia boleh mencapai kesan halaman web yang kaya, termasuk tetapan fon. Dalam HTML, fon boleh ditetapkan melalui teg. Artikel ini akan memperkenalkan cara untuk menetapkan fon dalam HTML.

1. Tetapan fon asas

Teg tetapan fon paling asas dalam HTML ialah teg 240cb830ca84ebaabbd07850110b414d, yang melaluinya anda boleh menetapkan warna fon, saiz, siri fon, dsb. Sintaks asas adalah seperti berikut:

<font size="字体大小" color="字体颜色" face="字体系列">要设置的文本</font>

Antaranya, atribut size digunakan untuk menetapkan saiz fon, dan nilai yang mungkin ialah 1~7 Semakin besar nilainya, semakin besar fon Atribut color digunakan untuk menetapkan warna fon Ia adalah nama warna (seperti merah) atau nilai warna heksadesimal (seperti #FF0000); atribut face digunakan untuk menetapkan keluarga fon nama fon (seperti Arial) atau keluarga fon (seperti serif).

Contohnya, untuk menetapkan saiz fon sekeping teks kepada 4, warna kepada merah (#FF0000) dan keluarga fon kepada Arial, anda boleh menulis:

<font size="4" color="#FF0000" face="Arial">要设置的文本</font>

2. Tetapan fon CSS

HTML5 mengesyorkan menggunakan CSS untuk menetapkan fon, yang menggunakan beberapa sifat CSS. Atribut

1. font-family

font-family digunakan untuk menetapkan keluarga fon, yang boleh menjadi nama fon (seperti Arial) atau keluarga fon ( seperti serif). Jika anda menetapkan berbilang keluarga fon, sistem cuba memuatkan setiap fon secara bergilir-gilir sehingga ia menemui satu fon yang disokong oleh sistem.

p {
  font-family: Arial, Helvetica, sans-serif;
}

Dalam kod di atas, jika sistem menyokong fon Arial, gunakannya jika Arial tidak disokong, cuba gunakan fon Helvetica jika ia belum disokong, gunakan fon sans-serif lalai sistem. Sifat

2. saiz fon

font-size digunakan untuk menetapkan saiz fon Unit lalai ialah piksel (px) dan unit lain seperti em dan rem juga boleh digunakan.

p {
  font-size: 16px;
}

Kod di atas menetapkan saiz fon dalam teg e388a4556c0f65e1904146cc1a846bee kepada 16 piksel. Atribut

3. berat fon

font-weight digunakan untuk menetapkan berat fon Nilai yang mungkin adalah normal, tebal, lebih tebal, lebih ringan atau nilai berangka (. seperti 400, 700).

p {
  font-weight: bold;
}

Kod di atas menetapkan berat fon dalam teg e388a4556c0f65e1904146cc1a846bee kepada tebal. Atribut

4. gaya fon

font-style digunakan untuk menetapkan gaya fon Nilai yang mungkin adalah normal, condong atau serong. Antaranya, italik ialah italik, dan oblik ialah italik.

p {
  font-style: italic;
}

Kod di atas menetapkan gaya fon dalam teg e388a4556c0f65e1904146cc1a846bee kepada condong. Sifat

5. garis-tinggi

line-height digunakan untuk menetapkan ketinggian garisan, iaitu jarak antara setiap baris teks. Ia boleh ditetapkan dalam pelbagai cara seperti nilai berangka, peratusan atau unit.

p {
  line-height: 1.5;
}

Kod di atas menetapkan ketinggian baris dalam teg e388a4556c0f65e1904146cc1a846bee kepada 1.5 kali ganda saiz fon. Atribut

6. text-align

text-align digunakan untuk menetapkan penjajaran teks Nilai yang mungkin adalah kiri, tengah, kanan atau justify.

p {
  text-align: center;
}

Kod di atas akan menjajarkan teks di tengah dalam teg e388a4556c0f65e1904146cc1a846bee. Atribut

7. teks-hiasan

text-decoration digunakan untuk menetapkan hiasan teks Nilai yang mungkin adalah tiada, garis bawah, garis atas, garisan atau berkelip .

p {
  text-decoration: underline;
}

Kod di atas akan menggariskan teks dalam teg e388a4556c0f65e1904146cc1a846bee.

Ringkasan:

Di atas ialah kaedah menetapkan fon dalam HTML Sebagai perbandingan, CSS adalah lebih fleksibel dan berkuasa. Tetapan fon CSS juga menyokong lebih banyak sifat, seperti regangan fon, transformasi fon, dll., untuk memenuhi pelbagai keperluan. Dalam pembangunan sebenar, anda boleh memilih kaedah yang sesuai untuk tetapan fon mengikut situasi tertentu.

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