CSS

Aus ProgrammingWiki
Archivierte Version vom 2016-12-25T16:28:16+00:00. Aktuelle Version
WissenKönnenProjekt
  • Struktur per HTML, Layout per CSS
  • CSS ist eine Formatierungssprache
  • Durch Selektoren werden Strukturelemente angesprochen
  • Markierung von HTML Elementen mittels Klassen und IDs
  • Klares Verständnis der Trennung von Inhalt und Gestaltung
  • Gestaltung von Formularen
  • Klar strukturierte Verwendung von Klassen und IDs
  • Umgang mit den Strukturierungselementen div und span
  • Verwendung von Selektoren verschiedenster Art
  • Intuitiver Umgang mit der CSS Syntax
  • Auslagerung der Styles in eine CSS Datei
  • Entwurf der Spieloberfläche auf einer neuen HTML-Seite
  • Klassifizierung der Oberflächenelemente (Analyse der möglichen Zustände eines Zahlenfelds)
  • Style-Definition für die verschiedenen Klassen

Boxmodel

Mit margin werden die Abstände vom äußeren Rand zu den umgebenden Elementen festgelegt. Der border eines Elements gehört in seiner vollen Breite zum jeweiligen Element dazu. Die padding Einstellungen beschreiben den Abstand vom inneren Rand zum den enthaltenen Elementen.

Selektoren

TODO: Fiddle Selektoren


Beispiellösung WE1-P3.zip