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
• Afixação do Fundo do CSS
• Propriedade de Fundo Abreviada do CSS
• Borda do CSS
• Largura da Borda do CSS
• Cor da Borda do CSS
• Borda de Todos os Lados do CSS
• Propriedade de Borda Abreviada do CSS
• Borda Arredondada do CSS
• Margem do CSS
• Mergulho da Margem do CSS
• Margem Interna do CSS
• Altura / largura CSS
• Modelo de Caixa do CSS
• Contorno do CSS
• Largura do Contorno do CSS
• Cor do Contorno do CSS
• Propriedade de Contorno Abreviada 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
• Propriedade de Fonte Abreviada 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
• Flutuação CSS
• Remoção de flutuação 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
• Sprite de Imagem do CSS
• Seletor de Propriedade do CSS
• Formulário do CSS
• Contador do CSS
• Layout do Site do CSS
• Unidade do CSS
• Especificidade 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 da 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ção 2D CSS
• Transformação 3D CSS
• Transição CSS
• Animação CSS
• Dica de ferramenta CSS
• Estilo de imagem CSS
• Propriedade object-fit CSS
• object-position CSS
• Máscara CSS
• Botão CSS
• Páginação CSS
• Colunas CSS
• Interface do usuário CSS
• Variáveis CSS
• Variáveis de cobertura CSS
• Variáveis CSS - JavaScript
• Variáveis CSS - consulta 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
• Consulta de mídia RWD
• Imagem RWD
• Vídeo 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
• Animação CSS
• Unidade do CSS
• Cor do CSS
• Valor de cor CSS
• Valor padrão CSS
• Entidade CSS

Curso optativo

Recomendação de curso:

• Caixa de ferramentas CodeW3C.com

Valores RGB

No CSS, você pode especificar a cor como valor RGB usando a seguinte fórmula:

rgb(vermelho, verde, azul)

cada parâmetro (vermelho,verde e azul) define a intensidade da cor entre 0 e 255.

Por exemplo, rgb(255, 0, 0) é exibido como vermelho, porque o vermelho é definido no valor máximo (255), enquanto os outros são definidos como 0.

Para exibir preto, defina todos os parâmetros de cor como 0, conforme mostrado: rgb(0, 0, 0).

Para exibir branco, defina todos os parâmetros de cor como 255, conforme mostrado: rgb(255, 255, 255).

Experimente misturando os seguintes valores RGB:

Exemplo

Experimente você mesmo

Normalmente, valores iguais são usados para os três fontes de luz para definir sombras de cinza:

Exemplo

Experimente você mesmo

Valores RGBA

O valor de cor RGBA é uma extensão do valor de cor RGB com canal alpha - ele especifica a opacidade da cor.

Os valores de cor RGBA especificados são:

rgba(vermelho, verde, azul, alfa)

alfa Os parâmetros são números entre 0.0 (completamente transparente) e 1.0 (não transparente):

Experimente misturando os seguintes valores RGBA:

Exemplo

Experimente você mesmo

Caixa de ferramentas

Manual de referência CSS

Exemplo CSS

Quiz CSS

Livro de extração CSS

Link de patrocinador