CSS Beautify Tool- Ilmainen CSS-muotoilu- ja kaunistaja verkossa

Input data
bfotool loadding
Output data
bfotool loadding

Mikä on CSS?

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

Milloin käytät

CSS-tyylitiedostojen kirjoituksessa sisennykset, välistykset ja muut muotoilut voivat usein olla hieman epäjärjestyksessä. On myös yleistä, että useat kehittäjät työskentelevät saman projektin parissa ja heillä on erilaiset muotoilutekniikat. Tämä työkalu on hyödyllinen tiedoston muotoilun yhdenmukaistamiseksi. On myös yleistä, että CSS-tyylitiedostot on pienennetty tai hämärretty. Voit käyttää tätä työkalua koodin näyttämiseen siistiltä ja luettavammalta, jotta sitä on helpompi muokata.

CSS Beautify -esimerkkejä

Alla olevat pienennettyt CSS-tyylitiedostot:

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

Kaunistuu näin:

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