O que é CSS3?
Afinal, o que é CSS3? A sigla CSS significa, em inglês, Cascading Style Sheets, que em português é traduzido em Folha de Estilo em Cascata. O CSS, apesar de fácil de se aprender pode ser bem complexo e possuí muito poder no desenvolvimento de websites e aplicações web. O “3” após a sigla indica a versão atual da linguagem.
Como funciona o CSS3?
O CSS é utilizado em conjunto com o HTML para estilizar. Em outras palavras ele é o grande responsável por deixar o site “bonito”, com um layout que chame a atenção.
Existem alguns meios de se incluir o CSS em uma página em HTML, listaremos abaixo alguns deles:
- Inline: Chamamos de Inline o código CSS que inserimos diretamente na tag HTML que desejamos estilizar.
- Interno: Podemos utilizar a tag <STYLE> dentro da tag <HEAD> do HTML para inserir o código CSS na mesmo página da nossa página.
- Externo: O mais utilizado dos métodos citados é o externo, trata-se de criar um arquivo com a extensão “.css” para separar todo o código de estilização do código de marcação (HTML).
CSS Inline
O CSS inline consiste em adicionarmos código de estilização diretamente na tag HTML que desejamos que tenha a aparência modificada, conforme a imagem acima. Este método é pouco utilizado pelos desenvolvedores.
CSS Interno
Utilizando a tag <STYLE> podemos “abrir” um espaço para codificar o CSS dentro do documento HTML que queremos estilizar. Entretanto, esse método também é pouco utilizado pelos desenvolvedores.
CSS Externo
O método externo é o mais utilizado pelos desenvolvedores e consiste em separar todo o código de estilização (CSS) do código de marcação HTML. Para é preciso criar um arquivo com a extensão “.css” e liga-lo ao documento HTML, conforme imagem acima.
No seu arquivo “.css”, o código será todo CSS e qualquer alteração feita deverá ser salva para que o documento HTML seja alterado. É muito importante que o arquivo “.css” seja devidamente referenciado no seu HTML para que os efeitos de estilização sejam aplicados.
Conclusão
Apesar de ser fácil de se aprender, o CSS pode se tornar complexo quando começamos a falar de SASS/SCSS ou animações. É fácil de usar e super poderosa que com toda certeza devemos separar um tempo para práticas. Assim como o HTML, o CSS é indispensável para qualquer desenvolvedor web, seja ele front-end ou backend.
Esta foi a publicação de hoje, espero que tenham gostado e que voltem para ver as próximas! Caso você queira saber mais sobre o HTML, clique aqui para ir direto para nossa página.
You May Also Like
Unidades de Medida no CSS3
Como Manipular o DOM com JavaScript: Guia para Iniciantes
