Boolie.org

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

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
*/

View Comments

nächster Beitrag