Neste artigo, vamos compartilha um Guia de Referências com códigos CSS prontos que serão úteis para os seus projetos de desenvolvimentos de site. Mais do que isso, você vai encontrar 13 páginas de códigos CSS e CSS3 junto de diversas propriedades possíveis. Vamos começar!
Baixe o Guia de Recursos CSS Completo
Conheça o CSS
Cascading Style Sheet ou CSS é uma linguagem de folha de estilo que dita como será o visual dos elementos do seu site. Você pode controlar o design, layout, fonte e a cor do conteúdo do seu site ao incorporar um arquivo CSS no seu documento HTML.
Vamos dar uma olha em como o CSS funciona, ao desmembrar a seguinte sintaxe:
selector {declaration}A declaração pode ser dividida em duas:
selector {property: value;}Como você pode ver, a sintaxe de CSS consiste num bloco seletor e num de declaração. O seletor é o elemento HTML que você vai controlar. Enquanto isso, o bloco de declaração contém o nome da propriedade e o valor do elemento HTML — ambos são separados por dois pontos (:) e declarados dentro de chaves ({}).
Vamos dizer que você quer que o tamanho de fonte do seu heading um (h1) seja de 20 pixels. Sua sintaxe ficará tipo assim:
h1 {font-size: 20px;}Neste caso, o seletor é o h1. Então, font-size é o nome da propriedade, e 20px é o valor.
Como o CSS tem muitos seletores e declarações que podem ser difíceis de se lembrar, nós reunimos um guia de referências com códigos CSS prontos para usar, que certamente vão ajudar você a dominar essa linguagem.
Códigos CSS Prontos para Usar no seu Site
Nesse documento, você vai encontrar 13 páginas de códigos CSS com exemplos prontos para sites juntamente com possíveis propriedades. Ele é estruturado e dividido em seções para ajudar a encontrar a classe CSS que você está procurando.
- Você pode baixar o Guia de Referências – CSS PDF Completo.
Ficou com alguma dúvida ou tem alguma sugestão? Envie um comentários para a gente pela caixa de mensagem abaixo. Queremos saber como tem sido a sua experiência com CSS. Vamos responder logo em seguida!
Este artigo é uma versão localizada do CSS cheat sheet – the complete PDF for beginners and professionals, originalmente publicado em inglês.
Todo o conteúdo dos tutoriais deste site segue os rigorosos padrões editoriais e valores da Hostinger.
Jornalista e conteudista SEO/Localização na Hostinger Brasil. Tem experiência em WordPress e na produção de conteúdos de tecnologia otimizados para conquistar as melhores posições no Google. É fã de games, adora vôlei, ama o inverno e está sempre buscando se aperfeiçoar no Inglês.
