Ein CSS-Framework ist ein Framework und Sammlung von Hilfsmitteln einfachen und standardkonformen Einsatz von Cascading Style Sheets im Web-Design. Die meisten bieten mindestens ein Grid/ Gestaltungsraster, größere bieten zusätzlich JavaScript-basierte Funktionen, diese sind aber meist am Design orientiert und Unobtrusive JavaScript.
Einige weit verbreitete Beispiele sind Bootstrap oder YAML oder Foundation.
CSS-Frameworks können unterschiedliche Funktionen anbieten:
- Reset-Stylesheet
- ein Grid-System, besonders für Responsive Webdesign
- Webtypografie
- Icon Sets in CSS-Sprites oder Icon Fonts
- Styling für Tooltips, Schaltflächen, Elemente von Webformularen
- Elemente für grafische Benutzeroberflächen wie Akkordeon, Registerkarten, Galerien oder Modal-Fenster (Lightbox)
- Equalizer um Inhalte auf gleiche Höhe zu bringen
- oft verwendete CSS-Hilfsklassen (left, hide)
Größere CSS Frameworks verwenden CSS-Interpreter wie Sass, LESS oder Stylus.