Output will appear here...Um formatador CSS lê uma folha de estilo e a reescreve com espaçamento, recuo e quebras de linha consistentes para que seja fácil de ler e manter Ele analisa o CSS em sua estrutura subjacente de regras, seletores, declarações, regras de at e comentários e, em seguida, imprime essa estrutura de volta usando um layout previsível: uma declaração por linha, um único espaço após cada dois pontos e cada bloco aninhado recuado um nível mais profundo que seu pai As regras de estilo permanecem idênticas, mas um arquivo que chegou como uma linha longa e ininterrupta se torna algo que você pode realmente digitalizar e editar.
A mesma ferramenta funciona ao contrário de um minificador CSS Minificar tiras a cada espaço, guia, quebra de linha e (opcionalmente) comentar que um navegador não precisa, colapsando a folha de estilo para o menor equivalente byte por byte Uma folha de estilo de 6 KB bem formatada geralmente cai abaixo de 4 KB quando o espaço em branco se foi, o que significa menos bytes na rede e uma primeira pintura mais rápida Embelezar enquanto você está escrevendo e depurando; minifique a cópia que você envia para a produção.
Este formatador entende as partes do CSS que tropeçam scripts ingênuos de encontrar e substituir. Regras de at aninhadas como @media e @supports mantêm suas regras internas recuadas corretamente, blocos @keyframes com etapas percentuais são preservados, literais de string no conteúdo e valores de url () são deixados exatamente como escritos e os comentários são mantidos ou removidos mediante solicitação Tudo é executado inteiramente em seu navegador, portanto, sua folha de estilo, incluindo quaisquer tokens de design proprietários ou nomes de classes internas, nunca é carregada e a ferramenta continua funcionando após a página ter sido carregada, mesmo sem conexão.
Cole ou digite uma folha de estilo na área de entrada. CSS minificado, escrito à mão ou exportado funciona, incluindo arquivos com @media, @keyframes e comentários.
Clique em Embelezar para re-indentar o CSS para leitura, ou Minify para retirar espaços em branco para envio Escolha 2 espaços, 4 espaços ou guias para embelezar o layout.
O CSS formatado aparece à direita com um crachá de tamanho mostrando a mudança de byte Quaisquer avisos de análise, como uma cinta não fechada, são listados como avisos.
Copie a saída para sua área de transferência ou baixe-a como um arquivo.css, pronto para entrar no pipeline do seu projeto ou construção.
Uma ferramenta reencontra o CSS para leitura e o retira para envio, para que você nunca precise de dois utilitários separados
Indenta as regras dentro de @media, @supports e @keyframes corretamente, em vez de achatá-las ou mutilá-las
Deixa o conteúdo das strings citadas e dos valores de url () intocados, de modo que os URIs de texto e dados de conteúdo sobrevivem à formatação intacta
Formate com dois espaços, quatro espaços ou guias para combinar com o estilo do projeto ou as configurações do editor
Format, validate, and minify JSON data
Validate YAML syntax and convert to JSON format
Minify CSS to cut file size or beautify minified stylesheets for debugging
Format messy SQL into readable, indented queries or minify SQL to a single line
0 comments
No comments yet. Be the first to share your thoughts!