html tetapan fon

WBOY
Lepaskan: 2023-05-26 22:32:06
asal
892 orang telah melayarinya
<p>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.

<p>1. Tetapan fon asas

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

<font size="字体大小" color="字体颜色" face="字体系列">要设置的文本</font>
Salin selepas log masuk
<p> 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).

<p>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>
Salin selepas log masuk
<p>2. Tetapan fon CSS

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

  1. font-family
<p>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;
}
Salin selepas log masuk
<p>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

  1. saiz fon
<p>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;
}
Salin selepas log masuk
<p>Kod di atas menetapkan saiz fon dalam teg <p> kepada 16 piksel. Atribut

  1. berat fon
<p>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;
}
Salin selepas log masuk
<p>Kod di atas menetapkan berat fon dalam teg <p> kepada tebal. Atribut

  1. gaya fon
<p>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;
}
Salin selepas log masuk
<p>Kod di atas menetapkan gaya fon dalam teg <p> kepada condong. Sifat

  1. garis-tinggi
<p>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;
}
Salin selepas log masuk
<p>Kod di atas menetapkan ketinggian baris dalam teg <p> kepada 1.5 kali ganda saiz fon. Atribut

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

p {
  text-align: center;
}
Salin selepas log masuk
<p>Kod di atas akan menjajarkan teks di tengah dalam teg <p>. Atribut

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

p {
  text-decoration: underline;
}
Salin selepas log masuk
<p>Kod di atas akan menggariskan teks dalam teg <p>.

<p>Ringkasan:

<p>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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan