Quando o HTML foi criado, a intenção não era de forma alguma formatar informação. A medida que o HTML foi se popularizando e evoluindo, foram incluídas em suas qualidades, o domínio de controlar algumas aparências para o documento. Isso fez com que a linguagem ficasse muito complexa, mais difícil para entender e manter. Outro problema era que os Web Browsers da época tinham diferenças de implementações, o que dificultava a visualização das páginas, trazendo menos controle na navegação pela Web.
No inicio, o HTML era a única linguagem utilizada para criar páginas. O Cascading Style Sheets (CSS) foi proposto pela primeira vez em outubro de 1994, por Håkon Wium Lie, que queria facilitar a programação de sites. Em 1995 o CSS1 foi lançado pela W3C (World Wide Web Consortium) e o projeto foi liderado por Hakon e Bert Bos, um desenvolvedor que na época trabalhava em um Web Browser chamado Argo.
Em suma, o CSS é uma linguagem que determina a aparência (layout) de páginas para a Web. Esta tecnologia permite ao usuário criar paginas da Web com códigos mais fáceis de elaborar que os códigos HTML. Estes códigos permitem fazer aplicações com facilidade. O CSS controla as opções de margem, linhas, cores, alturas, larguras, imagens e posicionamento, sem a necessidade do HTML.
Abaixo, um exemplo de código CSS:
/* Exemplo de classe CSS */
.fonte-25{
font-size: 25px;
}
/* Exemplo de classe CSS específica para um elemento */
p.fonte-30{
font-size: 30px;
}
/* Exemplo de id CSS */
#destaque{
color: #118b38;
background: #e4d422;
}
/* Também é possível aplicar em mais de uma tag, class ou id */
h2, h3 {
color: #b238de;
}
A linguagem de estilos ganhou muito destaque entre 1997 e 1998, ganhando grande destaque por parte dos desenvolvedores Web. No final do mesmo ano, eles lançaram a versão CSS2. Por fim, apesar de lançada somente em 2010, a versão CSS3 é a sua última versão e ela veio para acrescentar de forma melhorada as versões anteriores. A melhor novidade do CSS3 é em relação a flexibilidade na criação de layouts, trazendo mais autonomia para os desenvolvedores Web. Com o CSS3, é possível elaborar cantos arredondados, sombras, efeitos gradientes, animações e efeitos de transição, dentre outras opções.
Algumas vantagens do CSS:
- A partir de um só documento do CSS, controlam-se vários documentos .html.
- Facilidade de criação dos layouts, que não precisam de códigos muito complicados.
- linguagem de rápido aprendizado.
No vídeo abaixo da Hostinger, é apresentado um pequeno resumo do que é o CSS3 e sua aplicabilidade.
- Uma breve história do CSS. Tableless, disponível em: https://tableless.com.br/. Acesso em: 12 de fev. de 2023.
- Cascading Style Sheets (CSS). Infoescola, disponível em: https://www.infoescola.com. Acesso em: 12 de fev. de 2023.
- O que é CSS? Guia Básico para Iniciantes. Hostinger, disponível em: https://www.hostinger.com.br. Acesso em: 12 de fev. de 2023.
Pré-requisitos:
- Visual Studio Code
- GIT
# clonar repositório
git clone https://github.com/fbamuniz/class-03-css3.git
- MEYER, E. S. CSS - técnicas profissionais para um layout moderno. Porto Alegre: Bookman, 2011.
- POWERS, S. Aprendendo JavaScript. São Paulo: Novatec, 2010.
- PETRUCELLI, E. E. HTML5, CSS e JavaScript. Brasília: NT Editora, 2019.
- DUCKETT, J. HTML e CSS: Projete e Construa Websites. Rio de Janeiro: Alta Books. 2016.
- SILVERMAN, R.E. Git: Guia prático. São Paulo: Novatec, 2019.
- GRINBERG, M. Desenvolvimento web com Flask: Desenvolvendo aplicações web com Python. São Paulo: Novatec, 2019.
- GOMES, A. L. XHTML/CSS: criação de páginas web (Informática). São Paulo: Editora Senac, 2019.
- QUIERELLI, D. A. Criando sites com HTML-CSS-PHP: Construindo um projeto - Iniciante. Joinville: Clube dos Autores, 2012.
- TITTEL, E., NOBLE, J. HTML, XHTML e CSS Para Leigos. Rio de Janeiro: Alta Books, 2014
Prof. Frederico Barbosa Muniz
https://linktr.ee/fbamuniz