In CSS gibt es die Möglichkeit Kommentare zu verfassen, die vom Browser ignoriert werden. Kommentare sind für die Wartbarkeit gut und hilft anderen Entwicklern später Stellen im Design besser zu verstehen.
- Kommentare
- Kommentare für Sektionen
- Dokumentkopf definieren
Kommentare
Um in CSS ein Kommentar zu schreiben muss zu erst ein Slash und danach ein Sternchen folgen.
*{
/* Standard Abstände beim Browser entfernen */
padding: 0; /* padding auf 0 setzten */
margin: 0; /* margin auf 0 setzten */
}Kommentare für Sektionen
Es ist ratsam in CSS-Dokumenten Sektionen zu erstellen, Schriften definieren, Header Bereich und Footer.
/* ######[ Schriftarten ]###### */
@font-face {
font-family: 'Roboto';
src: url('roboto/Roboto-Regular.ttf') format('truetype');
}
/* ######[ Header ]###### */
header {
height: 400px;
float: left;
width: 100%;
background-color: #000000;
}
/* ######[ Content ]###### */
.content {
width: 90%;
margin-left: 5%;
border-left: 5px solid #b71414;
padding-top: 400px;
padding-bottom: 30px;
float: left;
}
/* ######[ Footer ]###### */
.footer {
background-color: #b71414;
height: 50px;
width: 95%;
margin-left: 5%;
font-size: 14px;
}
Dokumentkopf definieren
Es ist Ratsam in jedem CSS Dokument ein Header einzubauen, damit der folgende Bearbeiter weiß worum es sich handelt und auf welchem Stand die Datei ist.
/* DOKUMENT XYZ.CSS
- Projekt: GreenBox Theme
- Projekt-ID: 1337
- Version: 1.0.1
- Author: M. Borkowski
- Beschreibung: Styles für den Headerbereich
- Erstellungsdatum: 14-07-2017
- Bearbeitungsdatum: 14-07-2017
*/