O que é CSS? Seletores e Propriedades | [GUIA 2022]
Que CSS é usado para estilizar elementos escritos em uma linguagem de marcação como HTML, não é muito segredo, basta dar um Google que você encontra isso em toda parte. Mas você sabe aplicá-lo em seu dia a dia?
Para facilitar a vida de todos que não têm conhecimento acerca do código, a Dri deu uma aula no Getting Started desta semana, com o guia prático de CSS para iniciantes.
E você pode conferir ele completo aqui:
Mas afinal, como usar CSS?
O CSS define como serão exibidos os elementos presentes no código de uma página da internet e tem como maior vantagem efetuar a separação entre o formato e o conteúdo de um documento.
Ele foi criado pelo W3C para facilitar o processo, devido às diferentes fontes, cores e estilos, que tornava o processo de reescrever um código, longo, doloroso e caro.
Existe vantagem em utilizar o CSS?
Inúmeras, e mais que isso: a diferença entre um site que implementa CSS e outro que não o usa é gigantesca e notável.
Sabe aqueles sites que não carregam completamente ou possuem um plano de fundo branco com texto azul e preto? Estas são características de que a parte CSS do site não foi carregada corretamente ou não existe.
E é assim que um site somente com HTML se parece. Concordamos que não é muito agradável visualmente, né?!
Antes de usar CSS, toda a personalização tinha que ser incluída na marcação HTML. Isso significa que você deveria descrever separadamente todo o plano de fundo, as cores das fontes, os alinhamentos, e tudo mais.
Imagina o trabalhão? Mas o CSS permite que você estilize tudo em um arquivo diferente, criando assim o estilo separadamente. E, mais tarde, faça a integração do arquivo CSS na parte superior da marcação HTML. Isso mantém a marcação HTML limpa e fácil de manter.
Ou seja, com o CSS você não precisa mais escrever repetidamente como os elementos individuais se parecem. Economizando seu tempo, encurtando o código, e diminuindo as chances de erros, o que é extremamente importante.
O melhor de tudo: você sabia que as possibilidades de personalização com o CSS são quase infinitas? Isso porque ele permite que você tenha vários estilos em uma página HTML.
Ficou curioso?
Corra para o canal do YouTube da Dio._ e conheça todos os conteúdos que vão te ajudar a crescer na carreira tech!
