Entwicklung webbasierter Anwendungen (Vorlesung 6)

Skript-Anfang	Skript – Seite 122
Skript-Ende	Skript – Seite 143

CSS-Attribute

Allgemeines

• Fast jedes Element lässt sich über CSS manipulieren
• Attribut-Namen sind in amerikanischem Englisch
• Standard-Hintergrund-Farbe ist weiß
• Mit HTML5/CSS3 sind neue Funktionen hinzugekommen
• * ist der Universal-Selektor für „Alle Elemente“

Hintergrund

• Hintergrundbilder sollten keine zu hohe Auflösung verwenden (Ladezeite)

Schrift

• Man kann nicht jede Schrift verwenden (Client muss diese installiert haben)
• Man legt Font-Familien fest, um zum Ausweichen auf „ähnliche“ Schriften zurück zu greifen
• Schriftnamen mit Leerzeichen benötigen Anführungszeichen darum
• Schriftgröße in cm kann durch abweichende Darstellungsmedien abweichen

Abstände

• Für Browser-Kompatibilität sollte für jedes Element ein Padding und Margin gesetzt werden
• Jeder Browser hat eigene Standard-Werte
• Zu Beginn am besten alle Werte auf 0 setzen

Tabellen

• Über bord-collapse: collapse lassen sich doppelte Ränder in einfache Ränder wandeln
• Abwechselnde Farben für die Zeilen lassen sich über tr:nth-child(even) und tr:nth-child(odd) adressieren (sog. Selektoren)

Sichtbarkeit

• display ermöglicht eine gewisse Dynamik, die Blöcke verschieben sich
• visibility eher statisch, die Blöcke verschieben sich nicht → Platzhalter/Eingabefelder
• Mittels Javascript können die Parameter geändert werden ohne Neuladen der Seite
• Wenn ein Element mit display: inline-block formatiert wird, kann der Browser je nach Fenstergröße es nach unten schieben oder nebeneinander anordnen