CSS - CSS-Variablen

Komplexe Websites haben sehr große Mengen von CSS, oft mit vielen wiederholten Werten. Beispielsweise kann die gleiche Farbe an vielen verschiedenen Orten im Quelltext verwendet werden, die globales suchen und ersetzen erfordern, wenn diese Farbe geändert werden muss.

Durch Deklarieren einer Variablen auf der: root-Pseudo-Klasse kann man eigene Instanzen von Wiederholungen setzen.

Ein zusätzlicher Vorteil ist der semantische Bezeichner. Beispiel: main-bg-color ist einfacher zu verstehen als #00ff00, besonders wenn diese gleiche Farbe auch in einem anderen Kontext verwendet wird.


<style>

:
root {
 --
main-bg-colorbrown;
}

.
box1 {
 
colorwhite;
 
background-color: var(--main-bg-color);
}

.
box2 {
 
coloryellow;
 
background-color: var(--main-bg-color);
}
</
style>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<em> Emphatischer Ausdruck

CSS - Markieren von Text verhindern

PHP - Satzzeichen am Textende entfernen

JavaScript - Nachfragen bevor die Seite verlassen wird

MySQL - Benutzer ausgeben die min. 25 Tage registriert sind

Leuchtende Navigation
Lassen Sie ihre Navigation dadurch leuchten, dass jeder sich zurechtfindet, Einer der wichtigsten Punkte ist dem Besucher den Weg zu seinen Informationen so schnell und einfach wie nur möglich zu gestalten. Um effizient arbeiten zu können, hilft es oftmals, sich in die Lage des Besuchers zu versetzen, denn der einzige Weg eine optimale Navigation für Ihre Webseite zu planen und zu entwerfen ist genauso zu denken, wie es ein typischer Besucher tun würde.