CSS Beautify Tool- Gratis online CSS-opmaker en -verfraaier

Input data
bfotool loadding
Output data
bfotool loadding

Wat is CSS?

  • CSS staat voor Cascading Style Sheets
  • CSS beschrijft hoe HTML-elementen op het scherm, op papier of in andere media moeten worden weergegeven
  • CSS bespaart veel werk. Het kan de lay-out van meerdere webpagina's tegelijk beheren.
  • Externe stijlbladen worden opgeslagen in CSS-bestanden

Wanneer gebruik je

Bij het schrijven van CSS-stijlbladen raken inspringingen, spaties en andere opmaak vaak wat rommelig. Het komt ook vaak voor dat meerdere ontwikkelaars aan één project werken en verschillende opmaaktechnieken gebruiken. Deze tool is handig om de opmaak van een bestand consistent te maken. Het komt ook vaak voor dat CSS-stijlbladen worden geminimaliseerd of verhuld. Met deze tool kunt u de code er mooi en leesbaar uit laten zien, zodat deze gemakkelijker te bewerken is.

CSS Beautify-voorbeelden

De onderstaande geminimaliseerde CSS-stijlbladen:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }

Wordt zo verfraaid:

.headbg{  
     margin:0 8px   
 }  
 a:link,a:focus{  
     color:#00c   
 }  
 a:active{  
     color:red   
 }