Aula 5

Aplicações para Internet
Conteúdo:
- O que é CSS?
- HTML e CSS?
- Como inserir o CSS nas páginas
- Seletores CSS
- Tag DIV, tag SPAN e tags de semântica
- Exemplos
- Exercícios

Professores:
Alcides Teixeira
Ana Paula
André Iasi
Cristiane Camilo
Douglas Almendro
Pedro Cacique
Thiago Kuma

O que é CSS?
• Cascading Style Sheet ou Folha de Estilo em Cascata
•

O CSS é uma linguagem que nos permite adicionar estilos as nossas páginas, em outras palavras, seria a formatação visual (aparência, layout) das páginas como tipo de fonte, cores, espaçamentos, entre outros.

•

A W3C (World Wide Web Consortium) ainda não liberou a especificação completa do CSS3, porém existem diversos módulos que os navegadores já aceitam. •

Em linhas gerais, o nível 2 do CSS contém toda a especificação do CSS 1 e obviamente alguns acréscimos, isso também irá se aplicar ao nível 3 do CSS que irá conter as especificações do CSS 2.

•

Com o uso do CSS diminuímos o trabalho devido a possibilidade de reutilização dos estilos em diferentes tags e principalmente em diferentes páginas.

HTML e CSS?
•

Qual a diferença entre elas?
O linguagem HTML foi originalmente criada somente para estruturar uma página, com o crescimento da Web, foi necessário acrescentar novas tags para realizar algumas formatações como por exemplo a tag FONT, porém como isso fugiu da especificação inicial, a W3C desenvolveu a especificação CSS 1 que fornecia meios para os desenvolvedores adicionarem formatação visual as páginas.

•

Resumindo:
– O HTML é utilizado para estruturar as páginas, ou seja, definir parágrafos, listas numeradas, tabelas, cabeçalhos, etc.
– O CSS é utilizado para formatar o visual da página (layout) estruturada com HTML, ou seja, adicionar a formatação de parágrafos, fontes, tabelas entre outros.

•

Devemos utilizar as linguagens com seus propósitos iniciais, como por exemplo, o HTML para estruturar o conteúdo e o CSS para formatar esse conteúdo.

•

Não se usa tabelas para criação do layout das