Sifat manakah yang digunakan sebagai singkatan untuk menentukan banyak sifat fon lain dalam CSS?-tutorial css-php.cn

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

王林

Lepaskan： 2023-09-15 11:25:02

ke hadapan

1000 orang telah melayarinya

哪个属性用作简写来指定 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;

Salin selepas log masuk

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

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!