tutoriais CSS e suas Cores

[DaddyLuck]

Bom dia pessoal! Tudo bem?
Finalmente comecei a estudar programação, depois de anos trabalhando como designer gráfico freelancer, estou começando a entender e aprender esse novo mundo. 

Fiquei surpreso quando percebi que o ultimo tópico da área de Tutoriais de HTML e CSS foi em 2019.
Vou começar a postar algumas coisas que vou aprendendo aqui. Pode ser coisas bobas, porém acho que pode ajudar muitos iniciantes.

 

Também me disponibilizo para ajudar quem esta iniciando. Pode ser que não saiba muita coisa, mas acredito que podemos evoluir juntos.

 

Então vamos lá.

CSS:

 

O que é CSS?

CSS significa Cascade Style Sheets (Folha de Estilo em Cascatas), uma linguagem que define o

estilo de um documento HTML.

 

Como funciona uma regra CSS?

 

 

• O seletor aponta para o elemento HTML a ser estilizado.

• O bloco de declaração (entre chaves) contém uma ou mais declarações.

• Cada declaração é composta por duas informações separadas por dois-pontos:

  • Propriedade
  • Valor

  Exemplo:

  {color:blue}

 

Cores CSS?

Browsers modernos, suportam 140 nomes de cores diferentes. Por esse e outros motivos, definir cores por nome (ex: {color: blue} ), não é uma boa opção, recomendo fortemente usar valores hexadecimais, onde você pode conseguir mais opções de cores.

 

Como as cores podem ser especificadas?

• Nome
• Valores RGB
• Valores Hexadecimais (Focando nessa, mais utilizado)
• Valores HSL (CSS3)
• Valores HWB (CSS4)
•  

O que são Valores Hexadecimais?

Hexa decimal é um sistema numérico que consiste em 16 símbolos diferentes [0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F]

Veja o valor de cada símbolo hexadecimal no sistema binário e decimal.

• Cor hexadecimal é definida por um conjunto de 6 símbolos.
  • Exemplo de uma cor escrita em hexadecimal: #FF0000 = Vermelho

 

 

 

Lembrando além de tentar ajudar iniciantes, estou aqui para aprender também!!
Se algo estiver errado ou tiverem alguma forma mais facil de fazer, me digam por favor.
Obrigado :D

 

 

[Infertil]

Sensacional, obrigado!