1
Cascading Style Sheets
Telemédia
Grupo de Comunicações por Computador
Sumário
O que são CSSs ?
Sintaxe das CSSs
Associar CSSs a documentos HTML
Estrutura hierárquica dos documentos
HTML e herança de propriedades
Propriedades mais usadas
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Guias e Dicas
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Encontrar documentos
Prepare-se para as provas com trabalhos de outros alunos como você, aqui na Docsity
Encontra documentos específicos para os exames da tua universidade
Encontra documentos específicos para os exames da tua universidade
Videoaulas
Prepare-se com as videoaulas e exercícios resolvidos criados a partir da grade da sua Universidade
Quiz
Responda perguntas de provas passadas e avalie sua preparação.
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Introdução às Cascading Style Sheets (CSS), Notas de estudo de Cultura
Aprenda o que são as csss, sua sintaxe e como associá-las a documentos html. Saiba sobre a estrutura hierárquica e a herança de propriedades, além de propriedades e cores mais usadas.
Tipologia: Notas de estudo
2011
1 / 11
Esta página não é visível na pré-visualização
Não perca as partes importantes!
Documentos relacionados
Pré-visualização parcial do texto
Baixe Introdução às Cascading Style Sheets (CSS) e outras Notas de estudo em PDF para Cultura, somente na Docsity!
Cascading Style Sheets
Telemédia
Grupo de Comunicações por Computador
Sumário
O que são CSSs?
Sintaxe das CSSs
Associar CSSs a documentos HTML
Estrutura hierárquica dos documentos
HTML e herança de propriedades
Propriedades mais usadas
O que são CSSs?
Cascading Style Sheets (CSSs) são:
Em geral as folhas de estilos (Style sheets) são
descrições de como os documentos são
apresentados no ecrã, numa impressão ou de que
forma são pronunciados quando lidos pelo
computador.
No caso das CSSs em particular, são documentos
que descrevem de que forma o HTML deve ser
apresentado.
Sintaxe das CSSs
As CSSs contêm um conjunto de regras que
descrevem o aspecto visual dos elementos
(ou etiquetas) HTML.
Anatomia das Regras:
h1 {color:green}
Selector Declaração
Propriedade Valor
Associar CSSs a
documentos HTML
A associação da apresentação aos elementos
HTML pode ser feita das seguintes formas:
Usando a etiqueta style no head do documento; Através do atributo style aplicando regras a etiqueta individuais; Ligar o documento HTML a uma CSS guardada num documento separado através da etiqueta Link.
Associar CSSs a
documentos HTML
Exemplo de CSSs
Exemplo de CSSs Usando Style no Head
Exemplo de CSSs Usando Style no Head
Exemplo de CSSs Usando Style no Head
Associar CSSs a
documentos HTML
Exemplo de CSSs
Exemplo de CSSs Usando o atributo Style
Exemplo de CSSs Usando o atributo Style Exemplo de CSSs Usando o atributo Style
Associar CSSs a
documentos HTML
Exemplo de CSSs
Exemplo de CSSs Usando a CSS num outro Documento Exemplo de CSSs Usando a CSS num outro Documento Exemplo de CSSs Usando a CSS num outro Documento
/* aspecto.css */
h1,h2,h3 { border-width:1px;
border-style:solid;
border-color:blue;
color:blue;
text-align:center;}
Estrutura Hierárquica e Herança
Exemplo de CSSs
Cascading Style Sheets
As CSSs podem ser usadas das seguintes formas:
Usando a etiqueta style no head do documento; Através do atributo style aplicando regras a etiqueta individuais; Ligar o documento HTML a uma CSS guardada num documento separado através da etiqueta Link.
Se modificarmos o aspecto de um elemento de nível superior os elementos hierarquicamente dependentes são afectados: Estrutura Hierárquica e Herança
Exemplo de CSSs
Cascading Style Sheets
As CSSs podem ser usadas das seguintes formas:
Usando a etiqueta style no head do documento; Através do atributo style aplicando regras a etiqueta individuais; Ligar o documento HTML a uma CSS guardada num documento separado através da etiqueta Link.O mesmo acontece para etiqueta ul :
Estrutura Hierárquica e
Herança
Exemplo de CSSs
Cascading Style Sheets
As CSSs podem ser usadas das seguintes formas:
Usando a etiqueta style no head do documento; Através do atributo style aplicando regras a etiqueta individuais; Ligar o documento HTML a uma CSS guardada num documento separado através da etiqueta Link.
A herança de propriedades pode ser cancelada da seguinte forma:
Propriedades Mais
Usadas
Modificar a cor de um elemento HTML:
propriedades:
color - modifica a cor do texto; background-color - modifica a cor do fundo; background-image - modifica o fundo colocando uma imagem;
Propriedades Mais
Usadas
Modificar a fonte de um elemento HTML:
propriedades:
font-size - modifica o tamanho da fonte (pt, %, valores qualitativos); font-family - modifica a família da fonte (glifos); font-style - modifica o estilo da fonte (itálico, normal); font-weight - modifica a espessura da fonte (bold); font-variant - modifica a variante da fonte (maiúsculas, minúsculas);
Tabela de Fontes
Exemplos de Modificação das fontes
Exemplo de CSSs
Cascading Style Sheets
As CSSs podem ser usadas das seguintes formas:
Usando a etiqueta style no head do documento; Através do atributo style aplicando regras a etiqueta individuais; Ligar o documento HTML a uma CSS guardada num documento separado através da etiqueta Link.