Heim  >  Artikel  >  Web-Frontend  >  Einführung in textbezogene Eigenschaften in CSS

Einführung in textbezogene Eigenschaften in CSS

不言
不言nach vorne
2018-11-16 16:24:501920Durchsuche

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   =27px
Textfarbe {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

Farbmodus:
   光色模式 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

Beschreibung:

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:segmentfault.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen