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

Einführung in textbezogene Eigenschaften in CSS

不言
Freigeben: 2018-11-16 16:24:50
nach vorne
2005 Leute haben es durchsucht

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

1

2

3

4

5

6

7

   xx-small   =9px

   x-small    =11px

   small      =13px

   medium     =16px

   large      =19px

   x-large    =23px

   xx-large   =27px

Nach dem Login kopieren
Textfarbe {Farbe: Weiß}. Es wird gesagt, dass der Farbwert hexadezimal ausgedrückt wird:

1

2

   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

Nach dem Login kopieren

Farbmodus:

1

2

   光色模式 R         G      B

           FF        00     00

Nach dem Login kopieren

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"🎜>

1

2

3

4

5

6

7

8

9

   说明:

       *当字体是中文字体时需加引号;

       *当英文字体中有空格时需加引号如“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加粗字体

Nach dem Login kopieren
Ausrichtung

Horizontal/vertikal:

1

2

   {text-align:left/right/center/justify(justify个别浏览器不兼容,)

   {vertical-align:top/bottom/middle/baseline;}(只有inline-block(能设置大小,默认排在一行)元素类型支持)

Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:segmentfault.com
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