Rumah > Artikel > hujung hadapan web > Sifat manakah yang digunakan sebagai singkatan untuk menentukan banyak sifat fon lain dalam CSS?

Sifat manakah yang digunakan sebagai singkatan untuk menentukan banyak sifat fon lain dalam CSS?

王林ke hadapan: 2023-09-15 11:25:02985semak imbas

哪个属性用作简写来指定 CSS 中的许多其他字体属性？

Pembangun boleh menyesuaikan fon halaman web menggunakan pelbagai sifat CSS. Sebagai contoh, sifat "saiz fon" digunakan untuk menentukan saiz fon dan sifat CSS "berat fon" digunakan untuk menentukan berat fon teks. Selain itu, kami boleh menggunakan banyak sifat CSS lain untuk menyesuaikan fon.

Harta CSS "font" boleh digunakan sebagai trengkas untuk semua sifat untuk menyesuaikan fon.

Tatabahasa

Pengguna boleh menggunakan sifat CSS trengkas "fon" untuk menyesuaikan fon halaman web mengikut sintaks berikut.

font: font-style font-weight font-size/line-height font-family;

Nilai

gaya fon ——Tentukan gaya fon, seperti condong, garis bawah, dsb.
berat fon – Tentukan berat fon. Ia boleh dalam bentuk "bold", "normal", nombor, dsb.
font-size – digunakan untuk menentukan saiz fon.
line-height – Tentukan ketinggian garisan teks.
font-family – Ia menentukan keluarga fon.

Contoh

Dalam contoh di bawah, elemen HTML e388a4556c0f65e1904146cc1a846bee mengandungi beberapa teks yang kami sesuaikan menggunakan pelbagai sifat CSS. Kami menggunakan sifat CSS 'font-size' untuk menentukan saiz fon, sifat CSS 'font-weight' untuk menentukan berat fon, 'font-family' untuk menentukan jenis fon dan 'font-style' untuk menentukan saiz fon. Menentukan gaya fon dan atribut 'line-height' menentukan ketinggian baris teks.

Dalam output, pengguna boleh memerhati fon tersuai.

<html>
<head>
   <style>
      .text {
         font-size: 13px;
         font-weight: bold;
         font-family: Arial;
         font-style: italic;
         line-height: 3.6;
         width: 100px;
      }
   </style>
</head>
<body>
   <h3> Using the different <i> font properties </i> to customize the fonts in CSS </h3>
   <p class = "text">
      This font is customized with various CSS properties.
   </p>
</body>
</html>

Contoh

Dalam contoh di bawah, kami menggunakan satu sifat CSS "font" untuk menyesuaikan fon, bukannya menggunakan 5 sifat berbeza seperti contoh di atas.

Dalam output, pengguna boleh melihat bahawa ia memberikan fon gaya yang sama seperti contoh pertama.

<html>
<head>
   <style>
      .text {
         font: italic 800 1.2rem/2.5 Arial;
         width: 100px;
      }
   </style>
</head>
<body>
   <h2> Using the font CSS property to customize the fonts in CSS </h2>
   <p class = "text">
      This font is customized with the CSS 'font' property.
   </p>
</body>
</html>

Kesimpulan

Pengguna belajar menggunakan sifat CSS "fon" trengkas dan bukannya menggunakan bilangan sifat CSS untuk menyesuaikan fon. Ia juga merupakan amalan yang baik untuk menggunakan sifat CSS trengkas untuk meningkatkan kebolehbacaan dan mengurangkan kerumitan kod anda.

Atas ialah kandungan terperinci Sifat manakah yang digunakan sebagai singkatan untuk menentukan banyak sifat fon lain dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css html 低代码

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Ketahui perbezaan antara sempadan dan garis besar CSSArtikel seterusnya：Ketahui perbezaan antara sempadan dan garis besar CSS

Artikel berkaitan

Lihat lagi