Grade de cursos

Tutorial básico CSS

• Tutorial de CSS
• Introdução ao CSS
• Sintaxe do CSS
• Seletor do CSS
• Uso do CSS
• Comentários do CSS
• Cor do CSS
• Cor RGB do CSS
• Cor HEX do CSS
• Cor HSL do CSS
• Fundo do CSS
• Imagem de Fundo do CSS
• Repetição do Fundo do CSS
• Aderência do Fundo do CSS
• Atributo Abreviado de Fundo do CSS
• Borda do CSS
• Largura da Borda do CSS
• Cor da Borda do CSS
• Borda de Todos os Lados do CSS
• Atributo Abreviado de Borda do CSS
• Borda Arredondada do CSS
• Margem do CSS
• Mergulho da Margem do CSS
• Preenchimento do CSS
• Altura / largura CSS
• Modelo de Caixa do CSS
• Contorno do CSS
• Largura do Contorno do CSS
• Cor do Contorno do CSS
• Atributo Abreviado do Contorno do CSS
• Deslocamento do Contorno do CSS
• Texto do CSS
• Alinhamento do Texto do CSS
• Decoração do Texto do CSS
• Transformação do Texto do CSS
• Espaçamento do Texto do CSS
• Sombra do Texto do CSS
• Fonte do CSS
• Estilo da Fonte do CSS
• Tamanho da Fonte do CSS
• Fonte do Google do CSS
• Atributo Abreviado da Fonte do CSS
• Ícone do CSS
• Link do CSS
• Lista do CSS
• Tabela do CSS

Tutorial intermediário CSS

• Display CSS
• max-width CSS
• Posicionamento CSS
• z-index CSS
• Transbordamento CSS
• Flutuantes CSS
• Remoção de flutuantes CSS
• Exemplo de Flutuante do CSS
• inline-block CSS
• Alinhamento CSS
• Combinador CSS
• Pseudo-classe do CSS
• Pseudo-elemento do CSS
• Opacidade do CSS
• Barra de Navegação do CSS
• Barra de Navegação Vertical do CSS
• Barra de Navegação Horizontal do CSS
• Menu Suspensível do CSS
• Biblioteca de Imagens do CSS
• Image Sprite do CSS
• Seletor de Atributo do CSS
• Formulário do CSS
• Contador do CSS
• Layout do Site do CSS
• Unidade do CSS
• Especifidade do CSS
• CSS !important
• Função Matemática do CSS

Tutorial avançado CSS3

• Arredondamento do CSS
• Imagem da Borda do CSS
• Fundo do CSS
• Cor do CSS
• Palavra-Chave de Cor do CSS
• Gradiente do CSS
• Gradiente Radial do CSS
• Sombra do CSS
• box-shadow do CSS
• Efeito de Texto do CSS
• Fonte de rede CSS
• Transformações 2D CSS
• Transformações 3D CSS
• Transições CSS
• Animações CSS
• Dicas de ferramenta CSS
• Estilo de imagem CSS
• Propriedade object-fit CSS
• object-position CSS
• Máscara CSS
• Botão CSS
• Paginação CSS
• Colunas CSS
• Interface do usuário CSS
• Variáveis CSS
• Variáveis de cobertura CSS
• Variáveis CSS - JavaScript
• Variáveis CSS - consultas de mídia
• CSS @property
• Box Sizing CSS
• Flexbox CSS
• Consultas de mídia CSS
• Exemplo de consulta de mídia CSS

Design responsivo CSS

• Introdução RWD
• Visão RWD
• Visão em grade RWD
• Consultas de mídia RWD
• Imagens RWD
• Vídeos RWD

Tutorial de grade CSS

• Módulo de layout de grade CSS
• Container de grade CSS
• Item de grade CSS

Exemplo CSS

• Exemplo CSS

Quiz CSS

• Quiz CSS

Manual de referência CSS

• Manual de referência CSS
• Suporte do navegador CSS
• Seletor do CSS
• Função CSS
• Unidade do CSS
• Audível CSS
• Fonte de segurança de rede CSS
• Produção animável CSS
• Unidade do CSS
• Cor do CSS
• Valor de cor CSS
• Valor padrão CSS
• Entidade CSS

Cursos optativos

Recomendação de cursos:

• Cajado CodeW3C.com

Valor HEX

Em CSS, você pode usar o seguinte formato de valor hexadecimal para especificar cores:

#rrggbb

Onde rr (vermelho), gg (verde) e bb (azul) são valores hexadecimais entre 00 e ff (iguais a 0-255 em decimal).

Por exemplo, #ff0000 é exibido como vermelho, porque o vermelho é definido no valor máximo (ff), enquanto os outros são definidos no valor mínimo (00).

Experimente misturando os seguintes valores hexadecimais:

Exemplo

Experimente você mesmo

Normalmente, valores iguais são usados para definir sombras cinza para todos os 3 pontos de luz:

Exemplo

Experimente você mesmo

Caixa de ferramentas

Manual de referência CSS

Exemplo CSS

Quiz CSS

Livro de extracurricular CSS

Link de patrocinador