Neste artigo
O que e a validação CSS?
A validação CSS verifica se as suas folhas de estilo estão em conformidade com a especificação CSS. CSS valido garante renderização consistente entre navegadores, previne mudanças de layout inesperadas e deteta erros de sintaxe que podem silenciosamente quebrar os seus designs.
O CSS e tolerante por natureza — os navegadores ignoram regras que não entendem. Isto significa que propriedades invalidas, erros tipograficos e seletores incorretos podem passar despercebidos durante meses.
Como funciona o validador CSS
O validador CSS do CheckTown analisa a sua folha de estilo e relata erros com números de linha e detalhes de propriedades.
- Verificação de sintaxe — deteta seletores invalidos, regras mal formadas e pontos e virgulas ou chavetas em falta
- Validação de propriedades — verifica que os nomes de propriedades existem na especificação CSS e os valores sao validos
- Avisos de prefixos vendor — identifica prefixos não padrão e sugere alternativas padrão
Experimente gratuitamente — sem cadastro
Valide o seu CSS →Erros CSS comuns e como corrigi-los
Os erros CSS sao frequentemente invisiveis porque os navegadores ignoram silenciosamente as regras invalidas.
- Valores de propriedade invalidos — usar um tipo de valor incorreto para uma propriedade
- Unidades em falta — esquecer de adicionar px, em, rem ou outras unidades a valores numericos
- Chavetas não fechadas — uma chaveta de fecho em falta pode fazer com que todas as regras subsequentes sejam ignoradas
Quando usar a validação CSS
A validação CSS ajuda a manter folhas de estilo limpas durante o ciclo de desenvolvimento.
- Antes do deployment — valide CSS para detetar erros invisiveis
- Depuração de layout — a validação frequentemente revela a causa raiz mais rapidamente
- Revisões de código — inclua a validação CSS como controlo de qualidade
Perguntas frequentes
O validador suporta funcionalidades CSS modernas como Grid e custom properties?
Sim. O validador suporta as especificações CSS atuais incluindo Grid, Flexbox, custom properties e media queries.
As propriedades com prefixo vendor causam erros de validação?
As propriedades com prefixo sao marcadas como avisos, não como erros.
Posso validar ficheiros Sass ou LESS?
O validador verifica sintaxe CSS padrão. Sass e LESS devem ser compilados para CSS primeiro.