Estudante

CSS
Sérgio Nunes
Comunicações Digitais e Internet
Ciências da Comunicação, U.Porto 2012/13

1

Objetivos
• Conhecer as origens e os objetivos da linguagem CSS.
• Conhecer a estrutura base de uma regra CSS.
• Compreender o funcionamento dos seletores CSS.
• Conhecer as principais propriedades e atributos da linguagem CSS.
• Compreender as regras de posicionamento com recurso a CSS.
• Ser capaz de formatar um documento HTML com recurso a regras CSS.

2

Cascading Style Sheets
• CSS é o acrónimo de Cascading Style Sheets.
• CSS é uma linguagem que permite definir o estilo visual de documentos web.
• A linguagem CSS permite definir como deve ser apresentado o conteúdo e estrutura definidos em HTML.
• A primeira especificação foi publicada em 1994 mas só a partir de 2001 a linguagem CSS começou realmente a ser utilizada devido ao suporte introduzido nos principais navegadores web.
• As especificações da linguagem CSS são mantidas pelo consórcio W3C.
A versão mais recente é a CSS 2.1.

3

Motivação
• Porquê separar estrutura e conteúdo (HTML) da apresentação (CSS)?
• A escrita e estruturação de conteúdos requer competências diferentes daquelas necessárias para desenhar a apresentação desses conteúdos. A separação ao nível das tecnologias facilita a separação e organização do trabalho nas equipas.
• A web é um meio de comunicação multi-plataforma. O conteúdo disponibilizado nos sítios web pode ser consultado usando diferentes dispositivos (ecrã, telemóvel, impresso, PDA, voz, etc). A separação entre
HTML e CSS permite definir o conteúdo e estrutura apenas uma vez e ter diferentes folhas de estilos em função do dispositivo de destino.
• Com CSS é possível definir a apresentação em função do destino.

4

Visão Geral

+ css =

+ css =

www.csszengarden.com

+ css =
5

Diferenciação por Dispositivo
• O uso de diferentes instruções CSS para diferentes tipos de dispositivos permite desenhar e adaptar as interfaces aos