CSS

details Marker entfernen
details[open] > summary::marker, details>summary::marker {
  display: none;
  content: "";
}

Web Fonts

Font erst lokal suchen, bevor die URL geladen wird
@font-face
{
font-family: 'Mplus1';
font-weight: 100;
src: local('Mplus1-Thin'),
     url('Mplus1-Thin.woff2') format('woff2'),
     url('Mplus1-Thin.woff') format('woff');
}

Preprocessor

Konzepte

klassisch

Strikte Trennung von HTML und CSS. Das Aussehen wird nur über CSS Dateien gesteuert. Die Selektion der HTML Elemente innerhalb CSS erfolgt durch exzessive Verschachtelung.

BEM - Block Element Modifier

utility-first

Anleitungen