Zusammenfassung des allgemeinen Wissens über das CSS-Seitenlayout (Textstil)

In CSS steckt viel Wissen, und es ist für uns unmöglich, uns alles zu merken. In meiner Freizeit habe ich einige allgemeine Kenntnisse über das CSS-Seitenlayout zusammengestellt. Dieser Artikel wird Ihnen das allgemeine Wissen über CSS-Textstile vermitteln. Freunde in Not können darauf verweisen, ich hoffe, es kann Ihnen helfen.

1. Schriftart

Die von den meisten Benutzersystemen standardmäßig unterstützten chinesischen Schriftarten sind Song, Hei, Youyuan und Kai; die standardmäßig unterstützten englischen Schriftarten sind Arial, Arial Black, Arial Narrow, Century Gothic, Comic SansMS, Times New Roman usw. Im Gebrauch werden am häufigsten Song-Dynastie und Arial verwendet.

CSS stellt die Eigenschaft „font-family“ zum Festlegen des Schriftarttyps bereit.

Beispiel: p{font-family: 宋体;}

Hinweis: Wenn mehrere Schriftartattribute gleichzeitig festgelegt werden, ist die Priorität in Ordnung.

2. Schriftgröße

CSS bietet das Attribut „font-size“ zum Festlegen der Schriftgröße.

Beispiel: p{font-size: 12px;}

Relative Größe

px, em, 10 %, größer, kleiner (die letzten beiden sind relativ zum übergeordneten Element Element )

Absolute Größe

pt, pc, in cm, mm

Schlüsselwörter

xx-klein, x-klein, klein, groß, x -large,xx-large

3. Schriftart fett

CSS stellt das Attribut „font-weight“ bereit, um die Schriftart auf Fett einzustellen.

Beispiel: p{font-weight: fett;}

Zahlen: 100, 200,…,900

Schlüsselwörter: fett, fetter, heller, normal

4. Textfarbe

CSS stellt das Farbattribut zum Festlegen der Textfarbe bereit.

Beispiel: p{color: red;}

Farbname: rot, grün,…

RGB-Wert: (255,255,255),…….

Hexadezimaler Wert: #ff0000,...

5. Kursiv

CSS stellt das Attribut „font-style“ zur Verfügung, um die Schriftart kursiv zu setzen. Es gibt drei Attributwerte: normal, kursiv und schräg.

Beispiel: p{font-style: italic;}

6. Unterstreichung, Oberlinie, Durchgestrichen

CSS stellt die Eigenschaften der Schriftdekoration unterstrichen dar , unterstrichen und durchgestrichen. Es gibt vier Attributwerte: underline (unterstrichen), blink (blinkender Text), overline (obere Zeile) und line-through (durchgestrichen).

Beispiel: p{font-decoration: underline;}

7. Englische Groß-/Kleinschreibung

CSS stellt das Attribut „font-transform“ zum Festlegen von Englisch bereit Buchstaben Groß- und Kleinschreibung. Es gibt vier Attributwerte: „none“, „capitalize“ (der erste Buchstabe wird großgeschrieben), „uppercase“ (alles in Großbuchstaben) und „lowercase“ (alles in Kleinbuchstaben).

Beispiel: p{font-transform: none;}

8. Textabsatzstil

Horizontale Ausrichtung

CSS bereitstellen text-align-Attribut zum Festlegen der horizontalen Ausrichtung. Es gibt vier Attributwerte: left (linksbündig), right (rechtsbündig), center (zentriert) und justify (an beiden Enden ausgerichtet).

Beispiel: p{text-align: left;}

Vertikale Ausrichtung

CSS bietet Schreibmodus- und Layoutflussattribute zum Festlegen der vertikalen Ausrichtung.

Syntax: Schreibmodus: lr-tb; (links-rechts-oben-unten)

Schreibmodus: tb-rl; (oben-unten-rechts-links)

Layout-Fluss: horizontal; (horizontale Anordnung)

Layout-Fluss: vertikal-ideografisch; (vertikale Anordnung)

Einrückung der ersten Zeile

CSS bietet die text-indent-Attribut, um den Einzug der ersten Zeile festzulegen. Geben Sie ein. Attributwerte können Pixelwerte oder Prozentsätze sein.

Beispiel: p{text-indent: 12px;}

Zeilenabstand

CSS bietet das Attribut line-height, um den Zeilenabstand festzulegen. Der Attributwert kann ein Längenwert sein.

Beispiel: p{line-height: 12px;}

Zeichenabstand

CSS bietet das Attribut „letter-spacing“ zum Festlegen des Zeichenabstands. Der Attributwert kann ein Längenwert sein.

Beispiel: p{letter-spacing: 12px;} (Buchstabenabstand)

p{word-spacing: 12px;} (Wortabstand)

Das obige ist der detaillierte Inhalt vonZusammenfassung des allgemeinen Wissens über das CSS-Seitenlayout (Textstil). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!