|
Inhalt: |
CSS: Schrift definieren - Farbe und Schriftgröße
Für die Zuordnung von Eigenschaften für Schriftstile gibt es in CSS mehrere Möglichkeiten. Für Farbe und Schriftgröße einer Schrift gibt es folgende Eigenschaften:
[1] Farbe color - Wird definiert mit einem gültigen Wert für eine Web-Farbe (Dafür gibt es wie immer drei Möglichkeiten):
[1A] Im Beginntag mit dem style-Attribut: style="color: farbcode" (zB farbcode = #F6F)
[1B] Im Head einer HTML-Datei: color: farbcode; (zB farbcode = lightgreen)
[1C] In einer externen CSS-Datei: color: farbcode; (zB farbcode = rgb(117,211,255) )
[2] Schriftgröße - font-size(CSS-Code im Head oder in einer CSS-Datei):
[2A] Pixel px: zB font-size: 16px;
[2B] Weitere Einheiten: pt (Punkt), in (Inch), cm (Zentimeter), mm (Millimeter), pc (Pica), em (lt. Schriftsatz), ex (Bezug auf Höhe von "x");
[2C] Prozent % in Relation zur Ausgangschriftgröße zB font-size: 75%;
[2D] Schlüsselwörter für die Größe: xx-small(winzig), x-small (sehr klein), small (klein), medium (mittelgroß), large (groß), x-large (sehr groß), xx-large (riesig)
[2E] Schlüsselwörter zum Ändern der Schriftgröße: smaller (Verkleinern), larger (Vergrößern)
Siehe auch -> CSS: Farben definieren!
->Link Beispiel-HTML-Datei
Beispiele:
<style type="text/css">
[3A] .color1 {font-size: 16px; color: #F00;}
<!--Schriftgröße 16 Pixel, Schriftfarbe im Hexadezimalsystem rot-->
[3B] .color2 {font-size: 125%; color: blue;}
<!--Schriftgröße 125% gegenüber der Normalgröße, Schriftfarbe blau-->
[3C] .color3 {font-size: x-large; color: #007D00;}
<!--Schriftgröße sehr groß, Schriftfarbe im Hexadezimalsystem #007D00-->
.</style> |
