CSS-Background-Icons

In diesem Beispiel betrachten wir die klassische Einbindung von Icons als Hintergrundgrafiken im CSS. Die einzeln eingebundenen Icons in der oberen Reihe lassen sich über ein paar Media Queries gut skalieren. In der unteren Reihe sind die Icons über CSS-Sprites referenziert. Ab 50 em Viewport-Breite wird ein doppelt so großes CSS-Sprite eingebunden.

Einzelne Icons

  • Gewitter
  • Regen
  • Sonne
  • Sonne-Wolken-Mix
  • Wolken

CSS-Sprite Icons

  • Gewitter
  • Regen
  • Sonne
  • Sonne-Wolken-Mix
  • Wolken

1. Abschnitts Überschrift

Li nov lingua franca va esser plu simplic e * regulari quam li existent Europan * lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.