Ein CSS-Framework ist eine Sammlung von Gestalltungselementen und Hilfsmitteln für einafches und standardisiertes Webdesign mit CSS. Die meisten CSS-Framworks bieten als Basis ein Grid-Gestalltungsraster sowie einige grundlegende Gestaltungselemente wie Schaltflächen, Menüs und Eingabefelder. Größere Frameworks bieten zudem noch JavaScript-basierte Funktionen, welche die Gestaltungselemente um zusätzliche, aber in der Regel optionale Funktionalitäten erweitern. Ein CSS-Framework kann unterschiedliche Funtionen anbieten. Die Hauptfunktion ist ein Grid-System, boseonders auch für Responsives Webdesign.
Diese unterscheiden sich in:
- den möglichen Grundbreiten des Viewports und eventuelle Breakpoints
- der Verwendung von Pixeln, der aktuellen Schriftgröße oder prozentualen Werten für Breitenangaben
- Anzahl der Spalten und Reihen
- der Art und Weise der Media Queries
Zusätzlich bietetn viele Frameworks CSS Anpassungen:
- Reset-Stylesheets zur Vereinheitlichung der Formatierung
- oft verwendete CSS-Hilfsklassen, wie z.B. „left“ oder „hide“
- Equalizer, um Inhalte auf gleiche Höhe zu bringen