Website HTML & CSS | Styles
CSS-Styles zu Abständen und Anordungen
Das Attribut margin legt den Abstand zu benachbarten Elementen fest.
Das Attribut padding legt den Abstand innerhalb eines Elementes fest. Wenn beispielsweise einem Element ein Rahmen zugeordnet wurde und in diesem ein Text erscheint, kannst Du mit dem padding-Attribut den Abstand zum Rahmen selbst festlegen. Ziel ist eine optische Trennung beider Teile.
Mit width legst Du die Breite des Elements fest. Wird meist bei Grafiken verwendet und zur Definition der Absatzbreite eines Textblocks.
Mit height legst Du die Höhe des Elements fest.
CSS-Styles für Textauszeichnungen
Das Attribut font-family definiert die Schriftart. Verwendet werden können und sollten nur Schriftarten, welche standardmässig mit Windows installiert und mitgeliefert sind. Ist eine Schriftart auf einem Besucher-PC nicht installiert, kann diese auch nicht angezeigt werden. Gewöhnlich wird in diesen Fällen die Schriftart Arial automatisch als Ersatz genutzt. Ebenfalls kann die Reihenfolge bei fehlenden Schriftarten definiert werden.
Mit font-size bestimmst Du die Schriftgröße.
font-style setzt die Schrift rekursiv.
Mit font-weight kann ein Wort fett angezeigt werden. Der Wert kann dabei zwischen 200 (dünn) und 900 (fett) gewählt werden.
Die Eigenschaft text-decoration können Texte durchgestrichen, unterstrichen oder blinkend angezeigt werden.
Die Eigenschaft text-align richtest Du Texte als Absatz horizontal aus.
Durch den Einsatz von color erhält das markierte Wort eine Farbe. Diese werden in Form einer hexadezimalen Angabe dem color-Attribut zugewiesen. Viele Editoren bieten die Möglichkeit der automatischen Generierung eines hexadezimalen Codes durch Anklicken der gewünschten Farbe.
weitere häufig eingesetzte CSS-Styles
Das Attribut border umrahmt das Element. Erst wird Rahmendicke, dann Liniengestaltung und am Ende Farbe definiert.
HINWEIS
CSS-Styles sind sehr flexibel hinsichtlich Attribute, Werte und Einheiten. Die hier gezeigten Beispiele und Informationen sollen Dir einen ersten Eindruck über die Anwendungsalternativen geben, welche möglich sind. Mit fortschreitender Tätigkeit lernst Du dann die Feinheiten und Darstellungsvarianten kennen.