HTML and CSS Reference
In-Depth Information
Genau aus diesem Grund sind keine Leerzeichen in Klassen, Ids und Tags erlaubt. Der
Browser würde dies ansonsten als neues Element interpretieren und die WebApp
fehlerhaft darstellen.
Abbildung 2.4
Die unterschiedliche Größe der Überschrift, vergrößert auf einem iPhone
2.3.3 Gestalten mit CSS - Tipps und Tricks
Eine CSS-Datei kann bei größeren Projekten komplex werden. Im Folgenden haben
wir Ihnen ein paar Tipps und Tricks rund ums Thema CSS zusammengestellt.
Eindeutige Klassennamen
Verwenden Sie eindeutige Klassennamen, die das Element bestmöglich beschreiben,
aber nicht zu lange oder zu kurz sind. Die Bezeichnung der Klasse sollte nicht das
Aussehen, sondern die Funktion bzw. die Art des Inhalts beschreiben.
Erste und letzte Elemente unterschiedlich gestalten
Manchmal ist es sinnvoll, das erste Auftreten eines Tags anders zu gestalten, als die
darauffolgenden. Nehmen Sie an, Sie haben mehrere Textblöcke mit jeweils einer
Überschrift und einem Textabsatz. Sie möchten nun etwas Abstand zwischen den
einzelnen Textblöcken einrichten und geben der Überschrift etwas Abstand ober-
halb:
h1 {
margin-top: 40px;
}
Damit erreichen Sie zwar den Abstand zwischen den Textblöcken, allerdings
bekommt auch der erste Textblock diesen oberen Abstand. Aus ästhetischen Grün-
Search WWH ::
Custom Search