Menu Close

Entwicklung webbasierter Anwendungen (Vorlesung 6)

Skript-AnfangSkript – Seite 122
Skript-EndeSkript – 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

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.

Index