Schriftformatierungen - Website X5 Hilfe - Die Helpsite

Website hundertprozent CO2 neutral mit Host Europe
Direkt zum Seiteninhalt

Hauptmenü

Schriftformatierungen

Tutorials > Website X5


Schriftformatierungen mit und ohne CSS-Code.

Um das unliebsame programmieren mit CSS zu umgehen, wurden bisher mit einfachen Möglichkeiten die Schriftart, -farbe und -größe in HTML-Objekten formatiert:


<font face="courier" color="#ff0000" size="2">Das ist der Text in ROT.</font>


Das ist der Text in ROT.


In HTML5 wird zwar Schriftart und -farbe noch dargestellt, ergibt aber keinen Sinn, wenn die Schriftgröße aus der Voreinstellung von X5 angenommen wird.

So müssen wir auf andere Möglichkeiten für den HTML-Code ausweichen:


<p style="color:#ff0000;font-size:16px;font-family:courier;">Das ist der Text in ROT.</p>


Das ist der Text in ROT.


CSS-Kurz-Referenz: Schrifteigenschaften

 

Schriftfamilie:
Schriftgröße:
Schriftstil:
Kapitälchen:
Schriftgewicht:


font-family (Schriftart, Inherit)
font-size (Längenangabe, Prozentangabe, xx-small, x-small, small, smaller, medium, large, x-large, xx-large, larger, Inherit)
font-style (italic, oblique, normal, Inherit)
font-variant (small-caps, normal, Inherit)
font-weight (normal, bold, bolder, lighter, 100 - 900, Inherit)


Und nun eine einfache Textformatierung mit CSS:

CSS


Hier ist der Hintergrund schwarz
mit dreizeiligem Text und
einer Schrifthöhe von 20px.



Zur Farbcode-Tabelle gehts
hier.


Code HTML-Objekt:

<div id="example">
Hier ist der Hintergrund schwarz<br />
mit dreizeiligem Text und<br />
einer Schrifthöhe von 20px.
</div>


Code CSS-Bereich:

#example {
 background: #eef6e9;
 font-size: 20px;
 color: #ff0000;
 font-family: Verdana, Arial;

       }


Hier wurde noch zusätzlich "background" genutzt, um die Farbe des Hintergrundes des DIV-Blockes zu ändern.
Wie ihr erkennen könnt, ist das arbeiten mit CSS-Formatierungen doch nicht so schwer und es ergeben sich ganz andere Möglichkeiten in der gesamten Formatierung.


Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
 

© 2009 - 2012

Suche



  Besucher Statistik
 » 5 Online
 » 62 Heute
 » 608 Woche
 » 1691 Monat
 » 12263 Jahr
 » 26365 Gesamt
Rekord: 273 (24.04.2012)
Newsletter
Zurück zum Seiteninhalt | Zurück zum Hauptmenü