CSS são as Cascading Style Sheets (Folhas de Estilo em Cascata) e atualmente esta com a sua versão 3. Elas são usadas para configurar um resultado visual dos elementos HTML. Foi desenvolvido pela World Wide Web Consortium e lançado em 17 de Dezembro de 1996 o seu tipo de formato é Linguagem de folha de estilo e sua extensão é .css.

Softwares para usar o CSS3 que também serve para o HTML5.

Existem outros software para uso, porém vai da sua preferência após uma busca pela internet.

Seletores

As configurações das CSS são realizadas através dos seletores. Vamos ver a anatomia de um seletor através da imagem abaixo.

O seletor apresentado anteriormente vai configurar o visual dos elementos de parágrafo do site corrente. O uso das chaves delimita todas as declarações relativas ao seletor atual. No seletor que eu te mostrei, serão feitas três configurações:

Note que, ao final de cada declaração, temos que colocar ponto-e-vírgula para indicar que ela se encerrou. Todas as propriedades devem ter seu valor, e eles devem ser separados por dois pontos. Você não é obrigado(a) a usar nenhuma declaração específica. Só utilize a propriedade que você realmente deseja alterar.

Variável em CSS

Para usar a variável root, precisa colocar dois pontos (:) e digitar na sequencia root. Ao fazer esse processo, você pode criar a variável dentro do root para determinar algo. Segue o exemplo abaixo.

            
                :root {
                    --cor1:#8DA736;
                    --cor2:#03738C;
                    --cor3:#F2B705;
                }
                h1{
                    color: var(--cor1)
                }

Após criar as regras de variável, para usar a variável criada, precisa digitar "var" e entre parênteses, você digita o que foi determinado na root assim como esta sendo mostrado no exemplo acima.

Veja o vídeo abaixo com mais explicações.

Lista de Propriedades

Abaixo tem uma pequena lista mostrando algumas propriedade básicas utilizada em CSS3.

Gostaria de saber mais?

Assista o video aula abaixo do CursoemVideo feito pelo professor Gustavo Guanabara. O curso ensina HTML5 e CSS3.

Video para o caso você tenha duvidas se realmente é para você este curso.

Atualmente o curso do HTML5 & CSS3 tem 3 módulos disponível para estudar, e para cada módulo tem o certificado valido informando as 40 horas concluídas.Futuramente vai lançar mais módulo, como no próprio site e no canal especifica que são no total 5 módulos.

OBS: algumas informaçãos do material foi tirada do PDF do curso em video. Este site tem a intenção de compartilha conhecimento sem fins lucrativo. Quanto mais pessoas principalmente iniciantes souber desta facilicitação de conteúdo, melhor. Nem todo mundo tem boas condições para pagar um curso ou faculdade.

Voltar