Formatter käyttää syntaksin tunnistavaa jäsennintä eikä pilko koodia sokeasti jokaisen aaltosulkeen tai puolipisteen kohdalta. Se seuraa merkkijonoja, kommentteja, funktioita, attribuuttivalitsimia ja sisäkkäisiä lohkoja, joten URL-osoitteen tai lainatun arvon välimerkit säilyvät muuttumattomina.
Ilmainen CSS Formatter
Toimii kokonaan selaimessasi - ei lähetyksiä, ei rekisteröitymistä.
CSS-syöte
Muotoiltu CSS
Liitä muotoiltava CSS
Mitä CSS formatter tekee?
CSS formatter muuttaa minifioidun tai epäyhtenäisesti välilyönnein kirjoitetun tyylitiedoston luettavaksi koodiksi, jossa sisennykset ja rivinvaihdot ovat johdonmukaisia. Liitä CSS, valitse kaksi välilyöntiä, neljä välilyöntiä tai sarkain ja kopioi tai lataa tulos. Käsittely tapahtuu selaimessa, ja määrittelyjen järjestys säilyy.
Näin se toimii
- 1Liitä CSS. Lisää syöttökenttään tyylitiedosto, valitsinlohko tai minifioitu CSS-katkelma.
- 2Valitse sisennys. Valitse kaksi välilyöntiä, neljä välilyöntiä tai sarkain. Muotoiltu tulos päivittyy heti.
- 3Tarkista tila. Katso rakenteen määrät tai korjaa sulkematon erotin, kommentti tai merkkijono.
- 4Kopioi tai lataa. Kopioi muotoiltu CSS leikepöydälle tai tallenna se nimellä formatted.css.
Kenelle
- Front-end-kehittäjät voivat avata tuotanto-CSS:n luettavaan muotoon tarkistusta ja virheenkorjausta varten.
- Koodin tarkistajat voivat yhtenäistää sisennykset ennen tyylitiedoston tai pull request -katkelman vertailua.
- Opiskelijat hahmottavat helpommin sisäkkäiset media queryt, valitsimet ja määrittelylohkot.
- Tuki- ja QA-tiimit voivat siistiä selaimen tarkastustyökalusta kopioidun CSS:n ennen sen lisäämistä vikailmoitukseen.
Usein kysyttyä
Onko CSS formatter ilmainen?
Kyllä. Voit muotoilla niin paljon CSS:ää kuin selaimesi pystyy vaivatta käsittelemään. Tiliä, asennusta tai käyttökiintiötä ei tarvita, ja tulos on heti käytettävissä.
Ladataanko CSS palvelimelle?
Ei. Muotoilu tapahtuu paikallisesti selaimessa. Liitetty CSS pysyy sivun muokkaimessa eikä sitä lähetetä APIin, joten työkalua voi käyttää myös yksityiselle projektikoodille.
Kuinka paljon CSS:ää voin muotoilla?
Kiinteää merkkirajaa ei ole. Erittäin suuret, generoidut tyylitiedostot riippuvat yhä laitteen muistista ja selaimesta, mutta tavallinen sivuston, komponentin tai sähköpostin CSS käsitellään nopeasti.
Muuttaako muotoilu CSS:n toimintaa?
Formatter muuttaa välilyöntejä ja rivinvaihtoja, mutta säilyttää valitsimet, määrittelyt, kommentit, lainatut merkkijonot ja niiden järjestyksen. Tarkista tulos ennen julkaisua etenkin, jos koodi käyttää kokeellista syntaksia tai välilyönneille herkkiä escape-sekvenssejä.
Tarkistaako työkalu CSS-ominaisuuksien kelvollisuuden?
Ei. Se tarkistaa vain aaltosulkeiden, hakasulkeiden, kaarisulkeiden, kommenttien ja merkkijonojen tasapainon. Se ei selvitä, onko jokainen ominaisuus, arvo tai selainkohtainen toiminto semanttisesti kelvollinen.
Voiko sillä muotoilla media queryt ja sisäkkäisen CSS:n?
Kyllä. media-, supports-, container-, layer- ja keyframes-tyyppisten at-rulejen lohkot sisennetään syvyyden mukaan. Myös nykyaikaiset sisäkkäiset valitsimet muotoillaan muuttamatta merkkijonoja tai funktioargumentteja.