Mini-CSS-Spickzettel für die Bearbeitung von Websites
Dies sind die am häufigsten verwendeten CSS-Attribute für die Bearbeitung bestehender Websites
Allgemein
!important anhängen, wenn der Style nicht angewendet wird. Dies überschreibt andere Styles, z.B. display: none !important;
display: none, block, inline-block
Farben & Schriftstil
Textfarbe
color: red, #FF0000, lightblue – zu https://colorpicker.me/ gehen und den Hex-Code kopieren
Farbe des Blocks hinter dem Text:
background-color: red, #FF0000, lightblue – zu https://colorpicker.me/ gehen und den Hex-Code kopieren
Weitere Schriftstil-Anpassungen:
font-weight: normal, bold
font-size: 200%, 30px
Abstand
Abstand außerhalb des Elements (zu anderen Elementen)
margin-top / margin-left / margin-right / margin-bottom: 20px
Abstand innerhalb des Elements, zu seinem Inhalt:
padding-top / padding-left / padding-right / padding-bottom: 20px
Geometrische Eigenschaften
Ecken eines Blocks abrunden statt scharfe Kanten:
border-radius: 5px
Breite und Höhe des Elements
width: 100%, 300px, 30vw
height: 30px, 100%