![O que é CSS3?](https://blog.codapp.com.br/wp-content/uploads/2022/05/30141347373344.jpg)
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 que é css3?](https://blog.codapp.com.br/wp-content/uploads/2022/05/adicionando-html-no-css-sem-a-tag-link-1024x79.png)
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
![CSS interno](https://blog.codapp.com.br/wp-content/uploads/2022/05/como-adicionar-css-no-html-sem-tag-1024x517.png)
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
![Linkando CSS ao HTML](https://blog.codapp.com.br/wp-content/uploads/2022/05/como-incorporar-css.png)
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.
![Código CSS externo](https://blog.codapp.com.br/wp-content/uploads/2022/05/incorporando-css-no-html-1024x349.png)
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.
Você também pode gostar
![UX/UI Design para Iniciantes: Entendo o Usuário](https://blog.codapp.com.br/wp-content/uploads/2024/02/1-8-500x380.jpg)
UX/UI Design para Iniciantes: Entendendo o Usuário
25 de Fevereiro, 2024![Guia do Box Model no CSS3 para Iniciantes](https://blog.codapp.com.br/wp-content/uploads/2023/04/web-designer-gc444ec869_1920-500x380.jpg)
Guia do Box Model no CSS3 para Iniciantes
26 de Abril, 2023![O que são as Pseudo-Classes em CSS?](https://blog.codapp.com.br/wp-content/uploads/2022/08/oQueSaoPseudoClasses.png)