html css cheat sheet

folha de dicas html-css

Uma folha de referências HTML5 e CSS simples e com curadoria.

Visualizando a folha de dicas

Basta abrir html-css-cheat-sheet.html no seu navegador. Não há dependências externas.

Características

• Exemplos visuais mostram exatamente como valores específicos de propriedades serão exibidos. Menos suposições.
• Os estilos embutidos são usados ​​para as propriedades de estilo específicas que estão sendo demonstradas, mas não para elementos de contêiner ou andaimes. Isto torna muito fácil usar o inspetor do navegador para ver exatamente como o estilo é aplicado e em qual elemento obter a apresentação desejada.
• Os títulos dos nomes das propriedades descrevem a propriedade CSS, e os exemplos visuais específicos têm valores de propriedade abaixo.
• Cobertura dos padrões mais recentes, incluindo flexbox e layout de grade CSS nativo .
• Cobertura de animações de quadros-chave , transições e uso da popular biblioteca animate.css .
• Usa design responsivo e deve ser bem visualizado em dispositivos móveis, tablets e telas grandes.

Não é um tutorial

Existem muitos recursos excelentes para aprender HTML e CSS. Esta folha de dicas não tenta ensinar tudo do zero. É uma atualização e ajuda visual para quem já entende de HTML/CSS.

Esta folha de dicas não cobre JavaScript. Considere este tutorial ou este outro.

Licença

MIT.

Contribuições

Solicitações pull, relatórios de bugs e sugestões são bem-vindas. Geralmente tentarei responder aos problemas rapidamente, embora este seja um projeto pessoal e não possa oferecer garantias quanto à capacidade de resposta.