Scribd
Carregar
18 visualizações11 páginas

07 - CSS

O documento aborda o uso de Cascading Style Sheets (CSS) para definir a aparência visual de páginas web, destacando suas principais características, como a separação de conteúdo e controle preciso de estilos. Ele também explica diferentes métodos para incluir estilos em uma página, como CSS inline, interno e externo, além de discutir o conceito de classes em CSS. O material é destinado a um curso de Computação Multimédia e Interactividade, ministrado pelo Prof. Pedro Varela.

Enviado por

teoriadosmedia04
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
18 visualizações11 páginas

07 - CSS

O documento aborda o uso de Cascading Style Sheets (CSS) para definir a aparência visual de páginas web, destacando suas principais características, como a separação de conteúdo e controle preciso de estilos. Ele também explica diferentes métodos para incluir estilos em uma página, como CSS inline, interno e externo, além de discutir o conceito de classes em CSS. O material é destinado a um curso de Computação Multimédia e Interactividade, ministrado pelo Prof. Pedro Varela.

Enviado por

teoriadosmedia04
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

Cascading Style Sheets: CSS

Computação Multimédia e Interactividade

Prof. Pedro Varela


[email protected]
2024-2025
Sumário
• Introdução
• Principais Características
• Incluir Estilos Numa Página
• Classe em CSS
• Exercícios de Aplicações
Introdução
• Folhas de estilo (ou CSS – Cascading Style Sheets) são ficheiros usados para
definir a aparência visual de páginas web.
• Elas controlam cores, fontes, tamanhos, posições, espaçamentos, entre outros
aspectos de estilo dos elementos HTML.
• Neste exemplo, o texto do parágrafo será vermelho e com fonte de 20px.
Principais Características
• Separação de conteúdo:
• Enquanto o HTML estrutura o conteúdo, o CSS cuida do design

• Controle preciso:
• Permite ajustar cores, fontes, espaçamentos, layouts e efeitos visuais

• Cascata:
• Estilos são aplicados seguindo regras de precedência (daí o nome "em cascata")

• Facilita manutenção e reutilização de códigos


Incluir Estilos Numa Página
1. CSS Inline
2. CSS Interno
3. CSS Externo
Incluir Estilos Numa Página
1. CSS Inline
• O estilo é aplicado diretamente na tag HTML usando o atributo style.
• Vantagem: rápido para alterações pontuais.
• Desvantagem: difícil de manter em projetos grandes.
Incluir Estilos Numa Página
2. CSS Interno
• O estilo é colocado dentro da própria página HTML,
dentro da tag <style> no <head>.
• Útil quando a página tem estilos únicos e não vai
reutilizar em outras páginas.
Incluir Estilos Numa Página
3. CSS Externo
• O estilo é definido em um ficheiro separado (estilo.css,
por exemplo), e a página HTML faz referência a ele com a
tag <link>.
• Vantagem:
• Ideal para projetos maiores com várias páginas.
• O CSS pode ser reaproveitado e facilita a manutenção.

Colocar dentro do ficheiro: estilo.css


Classe em CSS?
• Uma classe é um seletor que começa com . no CSS
e é aplicada a um elemento HTML usando o
atributo class.
• Características Principais:
• Reutilizável: Pode ser aplicada a múltiplos elementos
• Específica: Prioridade média na cascata de estilos (entre tags
e IDs)
• Personalizável: Você define o nome e os estilos
Perguntas
Exercícios de
Aplicações

Você também pode gostar