{"id":13629,"date":"2018-12-05T11:27:35","date_gmt":"2018-12-05T13:27:35","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=13629"},"modified":"2022-12-12T10:50:55","modified_gmt":"2022-12-12T13:50:55","slug":"codigos-css-prontos-guia-pdf","status":"publish","type":"post","link":"\/pt\/tutoriais\/codigos-css-prontos-guia-pdf","title":{"rendered":"Guia de refer\u00eancias CSS \u2013 c\u00f3digos CSS prontos para usar"},"content":{"rendered":"

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!<\/span><\/p>

Baixe o Guia de Recursos CSS Completo<\/a><\/p>

Conheça o CSS<\/b><\/h2>

Cascading Style Sheet<\/b><\/a> 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 <\/span>incorporar<\/b><\/a> um arquivo CSS no seu documento <\/span>HTML<\/b><\/a>.<\/span><\/p>

Vamos dar uma olha em como o CSS funciona, ao desmembrar a seguinte sintaxe:<\/span><\/p>

selector {declaration}<\/span><\/pre>
A declaração pode ser dividida em duas:<\/span><\/p>
selector {property: value;}<\/span><\/pre>
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 ({}).<\/span><\/p>
Vamos dizer que você quer que o tamanho de fonte do seu heading um (<\/span>h1<\/b>) seja de <\/span>20 pixels<\/b>. Sua sintaxe ficará tipo assim:<\/span><\/p>
h1 {font-size: 20px;}<\/span><\/pre>
Neste caso, o seletor é o <\/span>h1<\/b>. Então, <\/span>font-size<\/b> é o nome da propriedade, e <\/span>20px<\/b> é o valor.<\/span><\/p>
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.<\/span><\/p>
Códigos CSS Prontos para Usar no seu Site<\/h2>
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.<\/span><\/p>