Bagaimana untuk menetapkan fon menggunakan css

CSS ialah bahagian terpenting dalam reka bentuk web Ia membolehkan halaman web mempersembahkan pelbagai gaya dan reka letak. Salah satu sifat CSS yang paling asas ialah fon, iaitu sifat fon. Dengan menetapkan fon, kami boleh mengawal saiz, warna, fon dan atribut lain yang berkaitan bagi teks dalam halaman web.

Berikut ialah beberapa petua dan mata pengetahuan tentang cara menetapkan fon, yang boleh membantu anda menguasai sifat CSS yang biasa digunakan ini dengan lebih baik.

1. Tetapan saiz fon

Dalam CSS, atribut saiz fon biasanya digunakan untuk menetapkan saiz teks. Nilainya boleh piksel (px), peratusan (%), em, rem, dsb. Secara umumnya, piksel, sebagai unit panjang mutlak, lebih sesuai untuk susun atur saiz tetap. Sebagai contoh, anda boleh menetapkan saiz fon elemen h1 kepada 36 piksel:

h1 {

font-size: 36px;

}

manakala peratusan dan em dsb. adalah lebih sesuai untuk unit panjang relatif dan laman web reka bentuk boleh skala. Sebagai contoh, anda boleh menetapkan saiz fon elemen perenggan kepada 1.2 kali:

p {

font-size: 120%;

}

2. Tetapan fon

Selain saiz fon, fon (fon-family) ialah satu lagi atribut penting. Dengan menetapkan font-family, kami boleh menukar fon lalai teks. Biasanya, terdapat berbilang fon yang boleh digunakan pada halaman web. Oleh itu, apabila menetapkan atribut fon, anda boleh memisahkan berbilang fon dengan koma untuk memastikan pelawat boleh memaparkan fon pada halaman web dengan betul. Contohnya:

body {

font-family: "Microsoft YaHei", "SimHei", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

Dalam contoh ini, jika komputer pelawat tidak mempunyai fon pertama "Microsoft YaHei", ia akan Cuba gunakan fon lain sehingga halaman dipaparkan dengan betul.

3. Tetapan tebal dan condong

Atribut berat fon boleh digunakan untuk menetapkan ketebalan fon. Nilainya boleh menjadi normal (lalai), tebal (bold), lebih berani (lebih berani), lebih ringan (lebih ringan), 100-900 (lebih besar nombor, lebih berani fon), dll.

Contohnya, untuk menebalkan fon elemen h2:

h2 {

font-weight: bold;

}

Atribut gaya fon boleh digunakan untuk menetapkan sama ada teks Italics muncul, dan nilainya boleh menjadi normal (lalai), italik (italik), serong (serong), dsb.

Sebagai contoh, untuk menetapkan sekeping teks kepada italik:

p {

font-style: italic;

}

4. Tetapan ketinggian garisan

Ketinggian garisan merujuk kepada jarak menegak antara baris teks Nilai lalainya adalah normal, yang ditentukan oleh fon itu sendiri. Dengan menetapkan sifat ketinggian garis, kita boleh mengawal jarak antara garisan, sekali gus menjejaskan kesan reka letak keseluruhan perenggan.

Sebagai contoh, tetapkan ketinggian garisan elemen h3 kepada 1.6 kali:

h3 {

line-height: 1.6;

}

Ringkasnya, dengan halus menguasai Sifat fon, kita boleh melaraskan pelbagai aspek dengan mudah seperti saiz fon, warna, fon, ketebalan dan ketinggian garisan untuk mencipta kesan reka bentuk web yang cantik dan unik.

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