Ilmainen online CSS Beautifier / Formatter

Input data
bfotool loadding
Output data
bfotool loadding

Mikä on CSS?

  • CSS on lyhenne sanoista Cascading Style Sheets
  • CSS kuvaa, kuinka HTML-elementit näytetään näytöllä, paperilla tai muulla medialla
  • CSS säästää paljon työtä. Se voi hallita useiden verkkosivujen asettelua kerralla
  • Ulkoiset tyylisivut tallennetaan CSS-tiedostoihin

Milloin käytät

Usein CSS-tyylisivuja kirjoitettaessa sisennykset, välit ja muut muotoilut voivat muuttua hieman sekaisiksi. On myös tavallista, että useat kehittäjät työskentelevät yhden projektin parissa, joilla on erilaiset muotoilutekniikat. Tämä työkalu on hyödyllinen tiedoston muotoilun yhdenmukaistamiseksi. On myös yleistä, että CSS-tyylisivut pienennetään tai hämärtyvät. Voit käyttää tätä työkalua saadaksesi koodin näyttämään kauniilta ja luettavalta, jotta sitä on helpompi muokata.

CSS Beautify Esimerkkejä

Pienennetyt CSS-tyylitaulukot alla:

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

Kaunistuu tästä:

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