Zu einem Test des CSS Box Model habe ich euch hier den Code einer HTML Datei eingestellt. Das ist nur ein Grundaufbau, ohne Schnick-Schnack.
Kategorien
Kategorie: Stylesheets
Was kann mit Stylesheets alles dargestellt werden?
Der body erhält ein Hintergrundbild (background ) und eine Farbangabe für den Fall, dass das Hintergrundbild durchscheinend ist oder nicht geladen wird.
Die CSS-Eigenschaft „Padding“ definiert den Abstand zwischen dem Inhalt eines HTML-Elements und dessen Rahmen. Die Eigenschaft ist auf fast alles anwendbar.
Mit background-origin kann man angeben, ob das Hintergrundbild am Rahmen, am Innenabstand oder am Inhalt ausgerichtet werden soll.
CSS-Layouts breiten sich langsam in der Masse aus. Dies ist zu einem Teil dem Fakt geschuldet, dass sich seit Jahren nichts geändert hat. (Browser switches)
Damit Formateigenschaften auf ein Element angewendet werden können, muss definiert werden, welche Elemente angesprochen werden. (selectors).
Um die Erstellung eines mehrspaltigen Seitenlayouts (column layout) ohne viel Code zu ermöglichen, sollen drei neue CSS-Eigenschaften eingeführt werden.
Dieses Template (WhiteBerry 02) verwendet eine Breite von 950px der eigentliche Contentbereich ist 700px breit mit einem padding von 10px versehen.
CSS Hacks: Entdecken Sie die vielfältigen Möglichkeiten. Im IE7 können sie außer der Schriftgröße auch die Seite zoomen, inklusive der Elemente.
Dieses Template und CSS Vorlage besteht aus einem #main Bereich von 800px. Die Zentrierung erfolgt über automatische Ränder. Der Contentbereich #content_aussen ist 480px breit.