fbamuniz/class-03-css3

CSS3

Introdução

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.

Referências

• 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.

Como executar

Pré-requisitos:

• Visual Studio Code
• GIT

# clonar repositório
git clone https://github.com/fbamuniz/class-03-css3.git

Bibliografia Básica

• 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.

Bibliografia Complementar:

• 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

Autor

Prof. Frederico Barbosa Muniz
https://linktr.ee/fbamuniz