亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Fon CSS

Gaya fon CSS (Gaya Fon) ialah salah satu atribut gaya yang sangat diperlukan dalam halaman web Dengan gaya fon, halaman web kami boleh menjadi lebih cantik, jadi atribut gaya fon telah menjadi satu kemestian untuk setiap pengetahuan pereka.

Tetapkan atribut nama fon (font-family)

Pilih fon yang hendak digunakan dalam halaman tetapan atribut ini ialah: Simsun , Arial, Verdana, Helvetica, sans-serif, dsb., kaedah definisi:
.ziti {font-family: Simsun, Arial, Verdana;}
Tiga takrifan berturut-turut di sini Jika tiada fon pertama dalam fon pengguna, fon kedua akan digunakan, dan seterusnya Jika tiada fon ditetapkan dalam CSS, nilai lalai dalam penyemak imbas akan digunakan.


Tetapkan atribut saiz fon (saiz fon)

saiz fon boleh menetapkan saiz fon pada halaman Terdapat tiga unit yang biasa digunakan: em, px dan pt.
Pengenalan ringkas kepada tiga unit panjang ini:
px, unit panjang relatif. Piksel.
em, unit panjang relatif. Saiz fon berbanding dengan teks dalam objek semasa.
pt, unit panjang mutlak. titik.
Yang paling biasa digunakan ialah px. Kaedah tetapan fon adalah seperti berikut:
.ziti {font-size:12px;}


Tetapkan atribut gaya fon (gaya fon)

Gaya fon ialah atribut yang menetapkan sama ada fon condong atau tidak Terdapat tiga nilai secara keseluruhan:

normal, condong , serong dan normal ialah nilai lalai, condong dan serong dipaparkan dalam huruf condong. Contoh:

.ziti {font-style:italic;}



Tetapkan atribut ketebalan fon (ketebalan) (berat-fon)

Ketebalan (ketebalan) fon hanya mempunyai dua atribut , kerana ia Hanya terdapat dua jenis: bold dan non-bold Nilainya adalah normal dan bold, dan normal ialah nilai lalai. Contoh:

.ziti {font-weight:bold;}


Tetapkan atribut pembolehubah fon (varian fon)

varian fon hanya untuk huruf Inggeris dan tidak mempunyai kesan pada aksara Cina. Ia mentakrifkan fon yang akan dipaparkan dalam huruf besar kecil boleh difahami sebagai huruf besar kecil Walaupun ia adalah huruf besar, saiz teksnya adalah sama dengan huruf kecil, yang lebih kecil daripada huruf besar yang dimasukkan secara langsung. surat.
Fon-varian mempunyai dua nilai, biasa dan huruf kecil. normal ialah nilai lalai, iaitu fon biasa. huruf kecil menukar huruf kecil kepada huruf besar. Contoh:
.ziti {font-variant:small-caps;}


Kaedah penulisan komprehensif atribut fon (font)

fon ialah kaedah pintasan yang boleh mentakrifkan secara menyeluruh lima atribut di atas dalam atribut fon. Ia boleh menggunakan satu baris untuk mentakrifkan atribut fon. Susunan penulisan ialah: font font -style font-variant font-weight font-size font-family. Contoh:
.ziti {font:italic normal bold 18px arial;}
Jika atribut mempunyai nilai lalai, anda boleh meninggalkannya dan sistem akan menghuraikannya secara automatik sebagai nilai lalai.


Warna fon (warna)

Warna fon tergolong dalam kandungan dalam atribut teks CSS, ia tidak seperti fon Untuk atribut, anda perlu menambah fon sebelum warna, dan hanya warna boleh ditakrifkan.
.ziti {font:italic normal bold 18px arial;color:red;}



Gunakan ems untuk menetapkan saiz fon

Untuk mengelakkan masalah tidak dapat mengubah saiz teks dalam Internet Explorer, ramai pembangun menggunakan unit em dan bukannya piksel.

unit saiznya disyorkan oleh W3C.

1em adalah sama dengan saiz fon semasa. Saiz teks lalai dalam pelayar ialah 16px.

Oleh itu, saiz lalai 1em ialah 16px. Anda boleh menukar piksel kepada em melalui formula berikut: px/16=em

Contoh

h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */

Cubalah

Dalam contoh di atas, saiz teks em adalah sama dengan piksel dalam contoh sebelumnya. Walau bagaimanapun, jika anda menggunakan unit em, teks boleh diubah saiz dalam semua penyemak imbas.

Malangnya, ia masih menjadi masalah IE. Apabila anda mengubah saiz teks, ia akan kelihatan lebih besar atau lebih kecil daripada biasa.

Anda juga boleh menggunakan peratusan untuk melaraskan saiz fon: badan {font-size:100%;}

Contoh: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>font屬性</title>
</head>
<style type="text/css">
p#pmin
{
font:1em Arial;
}
p#pall
{
font:italic small-caps bold 12px/1.2em Arial;
}
p#p2
{
font:italic 18px/1.5em "宋體",Arial,sans-serif;
}
</style>
</head>
<body>
<p id="pmin">font值最小的形式,定義段落的字體為1倍字體大小(font-size屬性),Arial字體(font-family屬性).</p>
<p id="pall">定義段落的字體為斜體(font-style屬性),小型的大寫字母(font-variant屬性),粗體(font-weight屬性),12px字體大小(font-size屬性),1.2倍(字體)的行高(line-height屬性),Arial字體(font-family屬性).</p>
<p id="p2">字體屬性演示</p>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>字體屬性 font</title> <style> .s1 {font:italic normal bold 1.5em Arial} .s2 {font:normal small-caps normal 18px Courier} </style> </head> <body> <p class = "s1">這段文字的字體風(fēng)格(font-style)屬性值是italic，字體變量(font-variant)屬性值是normal， 字體濃淡(font-weight)屬性值是bold，字體大小(font-size)屬性值是1.5em，字體名稱(font-family)屬性值是Arial</p> <p class = "s2">這段文字的字體風(fēng)格(font-style)屬性值是normal，字體變量(font-variant)屬性值是small-caps， 字體濃淡(font-weight)屬性值是normal，字體大小(font-size)屬性值是18px，字體名稱(font-family)屬性值是Courier</p> </body> </html>