Text

Mit CSS können Sie den Stil und das Erscheinungsbild des Textes bestimmen. In der gleichen Weise , dass Sie den Tag <FONT> verwenden, gibt die Schrifteigenschaften, aber die Stile haben ein großes Potenzial und kann den HTML - Code zu reduzieren.

Schrifteigenschaften

Ändern der Schriftart und Größe erfolgt durch CSS-Eigenschaften in der Tabelle beschrieben sind. 1.

Tabelle. 1. CSS-Attribute für Font-Management
Immobilien Bedeutung Beschreibung Beispiel
font-family Schriftname Stellt die Schriftliste P {font-family: Arial, serif}
font-style normal
kursiv
schräg 		Normalschrift
Kursivschrift
Italic 		P {font-style: italic}
font-variant normal
Small Caps 		Kapital
(Singular Kleinbuchstaben) 		P {font-variant: small-caps}
font-weight normal
Feuerzeug
fett
kühner
100-900 		Normales Fett
Lichtzeichen
fett
schmierig
100 Light Schriftart
900 fetteste
P {font-weight: bold}
font-size normal
pt
px
% 		normale Größe
Artikel
Pixel
Interesse
font-size: normal
font-size: 12pt
font-size: 12px
font-size: 120%

Beispiel 1 zeigt, wie Parameter in der Schrift zu verwenden.

Beispiel 1: Einstellen der Schrifteigenschaften in CSS

gültig HTML
gültiges CSS
<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titel> Font </ title>
<Style type = "text / css">
H1 {
font-family: Arial, Helvetica, Verdana, sans-serif; / * * Die Schrift /
font-size: 150%; / * Textgröße * /
font-weight: leichter; / * Mark * Licht /
}
</ Style>
</ Head>
<Body>
<H1> Überschrift </ H1>
<P> Plain Text </ p>
</ Body>
</ Html>

Das folgende ist das Ergebnis dieses Beispiels (Fig. 1).

Fig. 1

Fig. 1. Geben Sie den Text nach dem Anwenden von Stilen

Tabelle. 2 zeigt einige stilistische Parameter mit dem Text und dem Ergebnis ihrer Anwendung zu arbeiten.

Tabelle. 2. Das Ergebnis der verschiedenen Schrift Optionen
Beispiel Beispiel Beispiel Beispiel Beispiel
font-family: Verdana, sans-serif; font-size: 120%; font-weight: Licht font-size: large; font-weight: bold font-family: Arial, sans-serif; font-size: x-small; font-weight: bold font-variant: small-caps font-style: italic; font-weight: bold

Texteigenschaften

Zusätzlich die Schriftartparameter an wechselnde gesteuert werden kann und die Eigenschaften des Textes. Die Immobilienwerte sind in der Tabelle angegeben. 3.

Tabelle. 3. CSS-Eigenschaften das Aussehen des Textes zu steuern,
Immobilien Bedeutung Beschreibung Beispiel
line-height normal
Faktor
genau
% 		Führende (Zeilenabstand) line-height: normal
line-height: 1,5
line-height: 12px
line-height: 120%
text-decoration
keiner
unterstreichen
Überstreichung
line-through
blinken 		Entfernen Sie das gesamte Design
Akzentuierung
Die Textzeile
Kreuzung
Blinkender Text 		text-decoration: none
text-trans
keiner
kapitalisieren
Groß
Klein
Entfernen Sie alle Effekte
Beginnen Sie mit einem Kapital
GROSSBUCHSTABEN
alle Klein 		text-transform: Kapital
text-align links
Recht
Zentrum
rechtfertigen 		Textausrichtung text-align: justify
Breite Ausrichtung
text-indent genau
% 		Einrückung der ersten Zeile text-indent: 15px;
text-indent: 10%

Unten in der Tabelle. 4 zeigt einige Parameter des Textes, und das Ergebnis ihrer Anwendung.

Tabelle. 4. Das Ergebnis der Verwendung von verschiedenen Parametern des Textes
Beispiel: und es ist alles über ihn Beispiel: Der Text in der Mitte Beispiel: Dies ist kein Link, sondern nur Text Beispiel: Der Einzug der ersten Zeile Beispiel: eine und eine halbe Zeilenabstand
text-transform: Kapital text-align: center text-decoration: underline text-indent: 20px line-height: 1,5

© Erklärung Copyright www.htmlbook.ru