Heim > Web-Frontend > CSS-Tutorial > Abkürzung der Schriftart in CSS

Abkürzung der Schriftart in CSS

墨辰丷
Freigeben: 2018-05-09 17:58:30
Original
1874 Leute haben es durchsucht

In diesem Artikel wird die Abkürzung von Schriftarten in CSS ausführlich vorgestellt.

Der Beispielcode lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<style> 
    .login_top{height:26px;font:bold 14px/26px "宋体"; border:1px solid #000} 
    .login_top2{height:26px; line-height:26px; font-weight:bold;font-size:14px;border:1px  
solid #000;  font-family:&#39;宋体&#39;} 
</style> 
<div class="login_top">我垂直不居中</div> 
<br/ > 
<div class="login_top2">我垂直居中</div>
Nach dem Login kopieren

Zusammenfassung:

1 , Schriftgröße und Zeilenhöhe können durch Schrägstrich/ nur aus einem Wert zusammengesetzt werden und können nicht separat geschrieben werden.

2. Die Reihenfolge kann nicht geändert werden. Diese Kurzschriftmethode funktioniert nur, wenn die Attribute „font-size“ und „font-family“ gleichzeitig angegeben werden. Wenn Sie außerdem Schriftstärke, Schriftstil und Schriftvariante nicht festlegen, werden die Standardwerte verwendet

Verwandte Empfehlungen:

Wie js die Schriftgröße abgleicht und berechnet

Wie das Attribut „font-size-adjust“ das Webseitenlayout optimiert

Wie man damit umgeht font-weight:blod bounce

Detaillierte Erklärung der CSS3-Schriftartvariante „font-variation“


Das obige ist der detaillierte Inhalt vonAbkürzung der Schriftart in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage