Cara menggunakan fon dalam css

下次还敢
Lepaskan: 2024-04-26 12:00:24
asal
1069 orang telah melayarinya

Atribut fon digunakan untuk menentukan gaya fon teks, termasuk gaya fon, berat, saiz, ketinggian baris dan keluarga fon Sintaksnya ialah: fon: font-style font-weight font-size/line-height font-. keluarga;

Cara menggunakan fon dalam css

Penggunaan fon dalam CSS

atribut fon

Atribut fon digunakan untuk menentukan fon, saiz fon, ketebalan, condong dan gaya teks yang lain. Sintaksnya ialah:

<code class="css">font: font-style font-weight font-size/line-height font-family;</code>
Salin selepas log masuk

Di mana:

  • gaya fon: Tentukan gaya fon, nilainya adalah normal (biasa), condong (italik) dan serong (serong).
  • berat fon: Tentukan berat fon, nilainya adalah normal, tebal, lebih berani, lebih ringan, dsb.
  • font-size: Tentukan saiz fon, unit boleh px, em, rem atau peratusan.
  • line-height: Tentukan ketinggian garisan, unitnya sama dengan saiz fon.
  • font-family: Tentukan keluarga fon, anda boleh menentukan berbilang nama fon, dipisahkan dengan koma. .

text-align: Tetapkan penjajaran teks.

text-decoration: Tetapkan kesan hiasan teks, seperti garis bawah, coretan, dsb.

teks-transformasi

: Tetapkan kesan transformasi teks, seperti huruf besar, huruf kecil, dsb.
  • font-variant: Tetapkan kesan transformasi fon, seperti varian huruf kecil, varian huruf besar, dsb.
  • Dengan menggunakan sifat CSS ini secara fleksibel, anda boleh menyesuaikan pelbagai gaya teks untuk mencipta halaman web yang menarik secara visual.

Atas ialah kandungan terperinci Cara menggunakan fon dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
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