CSS: Schrift formatieren

541 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
541
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS: Schrift formatieren

  1. 1. CSS Text formatieren
  2. 2. Syntax <ul><li><p>Text text text.</p> </li></ul><ul><li><p style=&quot;color : green;&quot; >Text text text.</p> </li></ul><ul><li><body style=&quot;color : green;&quot; > </li></ul><ul><li>... </li></ul><ul><li></body> </li></ul><ul><li><h1 style=&quot;color : green;&quot; >Überschrift</h1> </li></ul>
  3. 3. Wichtige Style-Attribute für Textformatierung: Details -> Merkblatt &quot;CSS&quot; Attribut Beispiel definiert: color color : #0000ff; Textfarbe font-family font-family : Arial, Verdana, sans-serif Schriftart font-weight font-weight : bold; Schriftgewicht font-style font-style : italic; Schriftstil font-size font-size : 20px; Schriftgröße line-height line-height : 115% Zeilenabstand text-decoration text-decoration : underline Textdekoration
  4. 4. Beispiel <ul><li><p style=&quot;font-family : Arial, Verdana, sans-serif; color : #FF0000; line-height : 140%; font-size : 14px;&quot; >Text text text.</p> </li></ul>
  5. 5. Schrift für gesamtes Dokument ändern über body-Tag <ul><li><body style=&quot;font-family : Arial, Verdana, sans-serif; font-size : 14px;&quot; > </li></ul><ul><li>... </li></ul><ul><li></body> </li></ul>
  6. 6. Hintergrundfarbe im body-Tag ändern <ul><li><body style=&quot;background-color : black; color : white;&quot; > </li></ul><ul><li>... </li></ul><ul><li></body> </li></ul>

×