Heim >Web-Frontend >CSS-Tutorial >Einführung in textbezogene Eigenschaften in CSS
Der Inhalt dieses Artikels ist eine Einführung in die CSS-Attribute für chinesische Texte. Ich hoffe, dass er für Freunde hilfreich ist.
Textgröße {font-size:12px/14px/16px}
Anweisungen:
1) Wenn der Attributwert ein numerischer Typ ist, muss dem Attributwert eine Einheit hinzugefügt werden , und der Attributwert ist 0 Außer wenn.
2) Die Einheit kann auch pt sein, 9pt=12px
3) Um die Unterschiede in der Schriftartendarstellung zwischen Systemen zu verringern, haben die Browserhersteller von IE Netscape und Mozilla 1999 gemeinsam 16px/ festgelegt; ppi as Der Standardwert der Standardschriftgröße ist 1em. Standardmäßig ist 1em=16px, 0,75em=12px; 4) Verwenden Sie das absolute Größenschlüsselwort
xx-small =9px x-small =11px small =13px medium =16px large =19px x-large =23px xx-large =27pxTextfarbe {Farbe: Weiß}. Es wird gesagt, dass der Farbwert hexadezimal ausgedrückt wird:
0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 A B C D E F
光色模式 R G B FF 00 00
Abkürzung des Farbwerts:
Bei der Darstellung von drei Gruppen mit drei Primärfarben können die Zahlen gleichzeitig auf drei Ziffern abgekürzt werden.
Wenn Sie den Farbwert hexadezimal darstellen, müssen Sie vor dem Farbwert ein „#“ hinzufügen
Textschriftart {font-family: "Font 1", "Font 2"🎜>
说明: *当字体是中文字体时需加引号; *当英文字体中有空格时需加引号如“Times New Roman”; Windows中文版本操作系统下,中文默认字体为宋体或者新宋体,英文字体默认为Arial 加粗 {font-weight: bold/normal/100-900} 倾斜 {font-style: italic/oblique} 1)在css规范中把字体的粗细分为9个等级,分别从100-900, 其中100对应最轻的字体变形,而900对应最重的字体变形。 100-500常规字体600-900加粗字体Ausrichtung
Horizontal/vertikal:
{text-align:left/right/center/justify(justify个别浏览器不兼容,) {vertical-align:top/bottom/middle/baseline;}(只有inline-block(能设置大小,默认排在一行)元素类型支持)
Zeilenhöhe
1) Wenn die Höhe der einzelnen Textzeile der Höhe des Containers entspricht, kann die einzelne Textzeile vertikal in der Mitte des Containers ausgerichtet werden
2) Wenn die Zeilenhöhe der einzelnen Textzeile geringer ist als die Höhe des Containers, kann die einzelne Textzeile im Container an jeder Position darüber vertikal ausgerichtet werden. 3) Wenn die Zeilenhöhe einer einzelnen Zeile Wenn der Text größer als die Höhe des Containers ist, kann die einzelne Textzeile vertikal an jeder Position unterhalb des Containers ausgerichtet werden (IE6 und niedrigere Versionen haben Probleme mit der Browserkompatibilität)
Das obige ist der detaillierte Inhalt vonEinführung in textbezogene Eigenschaften in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!