CSS formatuotuvas
Formatuokite sumažintas ar netvarkingas stilių lenteles naudodami šį CSS formatuotuvą. Įklijuokite CSS, o įrankis jį išanalizuos ir išves kiekvieną taisyklę: parinkiklis bus vienoje eilutėje, kiekviena deklaracija – atskiroje, įtrauktoje dviem tarpais, po kiekvieno dvitaškio bus tarpas, jungtukai bus atskirti tarpais, o įdėtinės @ taisyklės, pavyzdžiui, medijos užklausos, bus tvarkingai pateiktos. Pranešama apie analizės klaidas. Puikiai tinka žiniatinklio kūrėjams ir dizaineriams, skaitantiems, derinantiems ar peržiūrintiems iš bet kur gautas stilių lenteles.
Dažnai užduodami klausimai
Kaip veikia CSS formatuotuvas?
Jis išanalizuoja stilių lentelę į taisykles, deklaracijas ir @ taisykles, tada vėl jas pateikia nuosekliu išdėstymu. Kadangi CSS išanalizuojamas, rezultatas atspindi tikrąją stilių lentelės struktūrą.
Kaip atrodo suformatuotas CSS?
Kiekviena taisyklė pradedama jos selektoriumi ir atidaromuoju skliaustu, kiekvienas aprašas rašomas atskiroje eilutėje, įtraukiant dviem tarpais ir paliekant tarpą po dvitaškio, o uždaromasis skliaustas rašomas atskiroje eilutėje. Selektorių sąrašai jungiami kableliu ir tarpu, o aplink kombinatorius, tokius kaip > ir ~, paliekami tarpai.
Ar palaikomos medijos užklausos ir kitos @ taisyklės?
Taip, taisyklės blokuose @media, @supports ir panašiuose įtraukiamos ir įtraukiamos į kodą. Tokie sakiniai kaip @import paliekami vienoje eilutėje, o url() reikšmės rašomos kabutėse.
Kas nutinka, jei CSS netinkamas?
Kai analizatorius negali perskaityti stiliaus lapo, pavyzdžiui, trūkstant riestinio skliausto, įrankis sustoja ir parodo analizatoriaus pranešimą su eilutės numeriu. Ištaisykite nurodytą vietą ir vėl suformatuokite.
Ar komentarai išsaugomi?
Taip, komentarai išsaugomi ir tarp taisyklių, ir tarp deklaracijų. Kiekvienas komentaras pateikiamas atskiroje eilutėje, tokiu pat įtraukos lygiu kaip aplinkinis kodas.
Ar palaikomos pasirinktinės savybės?
Taip, pasirinktinės savybės, tokios kaip --brand-color, formatuojamos kaip ir bet kuri kita deklaracija. Nuorodos, tokios kaip var(--brand-color), išsaugomos nepakeistos.
Ar čia galiu formatuoti SCSS arba Less?
Ne, šis puslapis skirtas paprastam CSS, todėl įdėtinės taisyklės ar išankstinio apdorojimo įrankių kintamieji gali būti atmesti. Tokiems failams naudokite SCSS Formatter arba Less Formatter.
Ar galiu pakeisti įtrauką arba skliaustų stilių?
Ne, formatavimo įrankis neturi parinkčių ir visada naudoja du tarpus, o atidaromąjį skliaustą rašo selektoriaus eilutėje. Taip užtikrinamas vienodas visų stiliaus lapų formatavimas.
Kodėl rezultatas pateikiamas css kodo bloke?
Išvestis pateikiama kaip Markdown kodo blokas, pažymėtas css, todėl Markdown sintaksė jame paryškinama. Savo .css failui nukopijuokite eilutes tarp kodo bloko žymų.
Kokio dydžio gali būti mano stiliaus lapas?
Vieno vykdymo metu galima apdoroti iki 5 MB, o didesnė įvestis atmetama parodant pranešimą. Išvestis tokia pati kaip Code Formatter parinkties CSS.