Tutorial

Größen der Elemente auf Website anzeigen

Kennt ihr das. Ihr schreibt Code, schaut euch anschließend die Seite an und denkt: "Häääää? Wieso positioniert sich das jetzt da und nicht woanders?". Gerad bei prozentualen Größenangaben verliert man schnell den Überblick. Zum schnellen Testen habe ich mir ein CSS-Snippet geschrieben, das alle Elemente ausschwärzt und einen roten Rahmen darum herum darstellt.

* {
background-image: none !important;
background-color: black !important;
border: 1px solid red !important;
}

Anmerkungen:
Dieses CSS-Snippet fügen wir am Ende unseres Stylesheet ein. Es sorgt dann dafür, dass alles ausgeschwärzt wird und die jeweiligen Elemente mit einem roten Rahmen dargestellt werden. So sieht man dann auf den ersten Blick, wie breit und hoch die Elemente sind.

Dieses Tutorial bewerten

zurück

Navigation einschalten