SlideShare uma empresa Scribd logo
1 de 53
 
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object]
O que são CSS?
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],Uma regra define como um ou mais estilos são aplicados a um determinado elemento ou conjunto de elementos e é composta por duas partes: o  Selector  e as  Declarações   ,[object Object],Selector Atributo Valor Declaração
[object Object],[object Object],[object Object]
Cada estilo criado, é definido através da seguinte sintaxe: ·selector {atributo1: valor; atributo2: valor ...} ,[object Object],[object Object],[object Object],[object Object]
Texto com esta cor aplicada
[object Object],[object Object],[object Object]
 
Externo -  Externo significa que os estilos definidos no CSS, encontram-se num ficheiro externo ao HTML separado. A página HTML possui somente uma referencia a esse ficheiro. Desta forma, podemos definir os estilos e aplica-los em diferentes páginas. Incorporado - significa que os estilos definidos no CSS, encontram-se  no  cabeçalho do documento HTML. Os estilos só se aplicam à página na qual se encontram. Inline – Os estilos são definidos directamente dentro da tag de HTML. O estilo só se aplica á tag no qual se encontra
Para a definição dos estilos, basta criar um documento de texto com  a extensão .CSS, através da utilização de um editor de text.  Exemplo: Estilos.css H1 {font-family: ‘arial'; font-size: 30pt; color: blue} P {font-family: ‘Verdana'; margin-left: 10px} Para se utilizar os estilos definidos, basta efectuar uma referência ao ficheiro .css, dentro do cabeçalho da página. <LINK REL=&quot;STYLESHEET&quot; HREF=&quot;Estilos.css“ TYPE=&quot;text/css&quot;>
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[CSS]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],divide as propriedades CSS: fonte, fundo, bloco, borda, quadro, lista, posição e extensões A B C
[object Object],[object Object],[object Object],[object Object],D E F G
[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],A B
[object Object],[object Object],[object Object]
[object Object]
1
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],1
[object Object],[object Object],[object Object]
2
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Inline Frames
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],1 2 3 4 5 6 7 8 9
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],1 2 3 4
[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],1 2 3 4
[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Mais procurados (20)

Introdução CSS
Introdução CSSIntrodução CSS
Introdução CSS
 
Introdução ao CSS
Introdução ao CSSIntrodução ao CSS
Introdução ao CSS
 
Aula 07 Css - Parte 1
Aula 07   Css - Parte 1Aula 07   Css - Parte 1
Aula 07 Css - Parte 1
 
CSS - Módulo Básico de WEB
CSS - Módulo Básico de WEBCSS - Módulo Básico de WEB
CSS - Módulo Básico de WEB
 
Slides Css3
Slides Css3 Slides Css3
Slides Css3
 
Arquitetura CSS
Arquitetura CSSArquitetura CSS
Arquitetura CSS
 
Material css parte I
Material css parte IMaterial css parte I
Material css parte I
 
W3C Web Standards CSS
W3C Web Standards CSSW3C Web Standards CSS
W3C Web Standards CSS
 
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
 
Mini curso html5 slides
Mini curso html5   slidesMini curso html5   slides
Mini curso html5 slides
 
Folha de estilo css
Folha de estilo   cssFolha de estilo   css
Folha de estilo css
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web i
 
Aula 07
Aula 07Aula 07
Aula 07
 
Padroes Web
Padroes WebPadroes Web
Padroes Web
 
Css basico
Css basicoCss basico
Css basico
 
Aula 11
Aula 11Aula 11
Aula 11
 
Curso de HTML5 - Aula01
Curso de HTML5 - Aula01Curso de HTML5 - Aula01
Curso de HTML5 - Aula01
 
HTML/CSS Patterns
HTML/CSS PatternsHTML/CSS Patterns
HTML/CSS Patterns
 
3844 css
3844 css3844 css
3844 css
 
Curso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptCurso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScript
 

Destaque

AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSdiogolevel3
 
Propriedades css e propriedades de fontes de texto
Propriedades css e propriedades de fontes de textoPropriedades css e propriedades de fontes de texto
Propriedades css e propriedades de fontes de textoFilipe Rezende
 
HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos d...
HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos d...HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos d...
HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos d...Rogério Moraes de Carvalho
 
CSS - Cascading Style Sheets - 2
CSS - Cascading Style Sheets - 2CSS - Cascading Style Sheets - 2
CSS - Cascading Style Sheets - 2Israel Messias
 
TCC I - Igor Pimentel
TCC I - Igor PimentelTCC I - Igor Pimentel
TCC I - Igor Pimenteligorpimentel
 
Introdução ao framework CakePHP
Introdução ao framework CakePHPIntrodução ao framework CakePHP
Introdução ao framework CakePHPigorpimentel
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Webigorpimentel
 
Css powerpoint
Css powerpointCss powerpoint
Css powerpointkongmata
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDra. Camila Hamdan
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
 
Design Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDesign Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDra. Camila Hamdan
 
Apostila Tutorial CakePHP
Apostila Tutorial CakePHPApostila Tutorial CakePHP
Apostila Tutorial CakePHPFernando Palma
 
TDC 2016 - Sass: CSS com super-poderes.
TDC 2016 - Sass: CSS com super-poderes.TDC 2016 - Sass: CSS com super-poderes.
TDC 2016 - Sass: CSS com super-poderes.Rodrigo Amora
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Renato Bongiorno Bonfanti
 
UX nas trincheiras: do insight ao protótipo
UX nas trincheiras: do insight ao protótipoUX nas trincheiras: do insight ao protótipo
UX nas trincheiras: do insight ao protótipoDaniel Risi
 

Destaque (20)

AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSS
 
Apostila: CSS
Apostila: CSSApostila: CSS
Apostila: CSS
 
Propriedades css e propriedades de fontes de texto
Propriedades css e propriedades de fontes de textoPropriedades css e propriedades de fontes de texto
Propriedades css e propriedades de fontes de texto
 
Css Curso completo
Css Curso completoCss Curso completo
Css Curso completo
 
HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos d...
HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos d...HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos d...
HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos d...
 
CSS - Cascading Style Sheets - 2
CSS - Cascading Style Sheets - 2CSS - Cascading Style Sheets - 2
CSS - Cascading Style Sheets - 2
 
TCC I - Igor Pimentel
TCC I - Igor PimentelTCC I - Igor Pimentel
TCC I - Igor Pimentel
 
Introdução ao framework CakePHP
Introdução ao framework CakePHPIntrodução ao framework CakePHP
Introdução ao framework CakePHP
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Web
 
Css powerpoint
Css powerpointCss powerpoint
Css powerpoint
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - Multimídia
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões web
 
Curso html
Curso htmlCurso html
Curso html
 
Design Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDesign Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklist
 
Apostila Tutorial CakePHP
Apostila Tutorial CakePHPApostila Tutorial CakePHP
Apostila Tutorial CakePHP
 
Design responsivo
Design responsivo Design responsivo
Design responsivo
 
TDC 2016 - Sass: CSS com super-poderes.
TDC 2016 - Sass: CSS com super-poderes.TDC 2016 - Sass: CSS com super-poderes.
TDC 2016 - Sass: CSS com super-poderes.
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
UX nas trincheiras: do insight ao protótipo
UX nas trincheiras: do insight ao protótipoUX nas trincheiras: do insight ao protótipo
UX nas trincheiras: do insight ao protótipo
 

Semelhante a Css e iFrames

Css cascading style sheet
Css cascading style sheetCss cascading style sheet
Css cascading style sheetMorvana Bonin
 
Internet I - Aula 04 - Coisando o HTML com o CSS
Internet I - Aula 04 - Coisando o HTML com o CSSInternet I - Aula 04 - Coisando o HTML com o CSS
Internet I - Aula 04 - Coisando o HTML com o CSSManoel Afonso
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web iEliene Resende
 
2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdf2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdfRubenManhia
 
Aula3 - Curso Web-Design - ETECA Camargo Aranha
Aula3 - Curso Web-Design - ETECA Camargo Aranha Aula3 - Curso Web-Design - ETECA Camargo Aranha
Aula3 - Curso Web-Design - ETECA Camargo Aranha fevooduck
 
Módulo: 4 – Desenvolvimento de Páginas Web Estáticas: CSS
Módulo: 4 – Desenvolvimento de Páginas Web Estáticas: CSSMódulo: 4 – Desenvolvimento de Páginas Web Estáticas: CSS
Módulo: 4 – Desenvolvimento de Páginas Web Estáticas: CSSAgrupamento de Escolas da Batalha
 
DSI-PARTE 5 formação de websites e programas .pdf
DSI-PARTE 5 formação de websites e programas .pdfDSI-PARTE 5 formação de websites e programas .pdf
DSI-PARTE 5 formação de websites e programas .pdfthallyssonedu1209199
 
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-loCurso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-loMichel Bernardes de Jesus
 
Apostila completa de css
Apostila completa de cssApostila completa de css
Apostila completa de cssHeitor Victorio
 
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Uni Buscapé Company
 

Semelhante a Css e iFrames (20)

Css cascading style sheet
Css cascading style sheetCss cascading style sheet
Css cascading style sheet
 
Css completo(2)
Css   completo(2)Css   completo(2)
Css completo(2)
 
Internet I - Aula 04 - Coisando o HTML com o CSS
Internet I - Aula 04 - Coisando o HTML com o CSSInternet I - Aula 04 - Coisando o HTML com o CSS
Internet I - Aula 04 - Coisando o HTML com o CSS
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web i
 
2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdf2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdf
 
Aula3 - Curso Web-Design - ETECA Camargo Aranha
Aula3 - Curso Web-Design - ETECA Camargo Aranha Aula3 - Curso Web-Design - ETECA Camargo Aranha
Aula3 - Curso Web-Design - ETECA Camargo Aranha
 
Módulo: 4 – Desenvolvimento de Páginas Web Estáticas: CSS
Módulo: 4 – Desenvolvimento de Páginas Web Estáticas: CSSMódulo: 4 – Desenvolvimento de Páginas Web Estáticas: CSS
Módulo: 4 – Desenvolvimento de Páginas Web Estáticas: CSS
 
DSI-PARTE 5 formação de websites e programas .pdf
DSI-PARTE 5 formação de websites e programas .pdfDSI-PARTE 5 formação de websites e programas .pdf
DSI-PARTE 5 formação de websites e programas .pdf
 
W3 c
W3 cW3 c
W3 c
 
Tutorial Css Parte 1
Tutorial Css  Parte 1Tutorial Css  Parte 1
Tutorial Css Parte 1
 
CSS Mastigado
CSS MastigadoCSS Mastigado
CSS Mastigado
 
Css tutorial
Css tutorialCss tutorial
Css tutorial
 
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-loCurso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
 
Html com css
Html com cssHtml com css
Html com css
 
Apostila completa de css
Apostila completa de cssApostila completa de css
Apostila completa de css
 
Htmlbasico
HtmlbasicoHtmlbasico
Htmlbasico
 
WDI - aula 07 - css com html
WDI - aula 07 - css com htmlWDI - aula 07 - css com html
WDI - aula 07 - css com html
 
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
 
Post 4
Post   4Post   4
Post 4
 
CSS
CSSCSS
CSS
 

Mais de Sandra Oliveira

O entretenimento é um meio de comunicação publicitária
O entretenimento é um meio de comunicação publicitáriaO entretenimento é um meio de comunicação publicitária
O entretenimento é um meio de comunicação publicitáriaSandra Oliveira
 
El uso de Advergames para crear participación
El uso de Advergames para crear participaciónEl uso de Advergames para crear participación
El uso de Advergames para crear participaciónSandra Oliveira
 
Entretém-me e lembrar-me-ei! Os advergames como estratégia publicidtária
Entretém-me e lembrar-me-ei! Os advergames como estratégia publicidtáriaEntretém-me e lembrar-me-ei! Os advergames como estratégia publicidtária
Entretém-me e lembrar-me-ei! Os advergames como estratégia publicidtáriaSandra Oliveira
 
Entretém-me e lembrar-me-ei! - O uso dos jogos digitais na estratégia publici...
Entretém-me e lembrar-me-ei! - O uso dos jogos digitais na estratégia publici...Entretém-me e lembrar-me-ei! - O uso dos jogos digitais na estratégia publici...
Entretém-me e lembrar-me-ei! - O uso dos jogos digitais na estratégia publici...Sandra Oliveira
 
Perspectivas sobre a Gamificação
Perspectivas sobre a GamificaçãoPerspectivas sobre a Gamificação
Perspectivas sobre a GamificaçãoSandra Oliveira
 
Plataformas Colaborativas e de Aprendizagem
Plataformas Colaborativas e de Aprendizagem Plataformas Colaborativas e de Aprendizagem
Plataformas Colaborativas e de Aprendizagem Sandra Oliveira
 
Advergames: acção viral WoMo (“Word of Mouse”)
Advergames: acção viral WoMo (“Word of Mouse”)Advergames: acção viral WoMo (“Word of Mouse”)
Advergames: acção viral WoMo (“Word of Mouse”)Sandra Oliveira
 
PUBLICIDADE INTERACTIVA:OS MUNDOS VIRTUAIS AO SERVIÇO DAS MARCAS
PUBLICIDADE INTERACTIVA:OS MUNDOS VIRTUAIS AO SERVIÇO DAS MARCASPUBLICIDADE INTERACTIVA:OS MUNDOS VIRTUAIS AO SERVIÇO DAS MARCAS
PUBLICIDADE INTERACTIVA:OS MUNDOS VIRTUAIS AO SERVIÇO DAS MARCASSandra Oliveira
 
A interactividade nos mundos virtuais: As marcas publicitárias descobrem o Se...
A interactividade nos mundos virtuais: As marcas publicitárias descobrem o Se...A interactividade nos mundos virtuais: As marcas publicitárias descobrem o Se...
A interactividade nos mundos virtuais: As marcas publicitárias descobrem o Se...Sandra Oliveira
 
Exemplos De Manipulação
Exemplos De ManipulaçãoExemplos De Manipulação
Exemplos De ManipulaçãoSandra Oliveira
 
Introdução Ao Web Design
Introdução Ao Web DesignIntrodução Ao Web Design
Introdução Ao Web DesignSandra Oliveira
 

Mais de Sandra Oliveira (11)

O entretenimento é um meio de comunicação publicitária
O entretenimento é um meio de comunicação publicitáriaO entretenimento é um meio de comunicação publicitária
O entretenimento é um meio de comunicação publicitária
 
El uso de Advergames para crear participación
El uso de Advergames para crear participaciónEl uso de Advergames para crear participación
El uso de Advergames para crear participación
 
Entretém-me e lembrar-me-ei! Os advergames como estratégia publicidtária
Entretém-me e lembrar-me-ei! Os advergames como estratégia publicidtáriaEntretém-me e lembrar-me-ei! Os advergames como estratégia publicidtária
Entretém-me e lembrar-me-ei! Os advergames como estratégia publicidtária
 
Entretém-me e lembrar-me-ei! - O uso dos jogos digitais na estratégia publici...
Entretém-me e lembrar-me-ei! - O uso dos jogos digitais na estratégia publici...Entretém-me e lembrar-me-ei! - O uso dos jogos digitais na estratégia publici...
Entretém-me e lembrar-me-ei! - O uso dos jogos digitais na estratégia publici...
 
Perspectivas sobre a Gamificação
Perspectivas sobre a GamificaçãoPerspectivas sobre a Gamificação
Perspectivas sobre a Gamificação
 
Plataformas Colaborativas e de Aprendizagem
Plataformas Colaborativas e de Aprendizagem Plataformas Colaborativas e de Aprendizagem
Plataformas Colaborativas e de Aprendizagem
 
Advergames: acção viral WoMo (“Word of Mouse”)
Advergames: acção viral WoMo (“Word of Mouse”)Advergames: acção viral WoMo (“Word of Mouse”)
Advergames: acção viral WoMo (“Word of Mouse”)
 
PUBLICIDADE INTERACTIVA:OS MUNDOS VIRTUAIS AO SERVIÇO DAS MARCAS
PUBLICIDADE INTERACTIVA:OS MUNDOS VIRTUAIS AO SERVIÇO DAS MARCASPUBLICIDADE INTERACTIVA:OS MUNDOS VIRTUAIS AO SERVIÇO DAS MARCAS
PUBLICIDADE INTERACTIVA:OS MUNDOS VIRTUAIS AO SERVIÇO DAS MARCAS
 
A interactividade nos mundos virtuais: As marcas publicitárias descobrem o Se...
A interactividade nos mundos virtuais: As marcas publicitárias descobrem o Se...A interactividade nos mundos virtuais: As marcas publicitárias descobrem o Se...
A interactividade nos mundos virtuais: As marcas publicitárias descobrem o Se...
 
Exemplos De Manipulação
Exemplos De ManipulaçãoExemplos De Manipulação
Exemplos De Manipulação
 
Introdução Ao Web Design
Introdução Ao Web DesignIntrodução Ao Web Design
Introdução Ao Web Design
 

Css e iFrames

  • 1.  
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. O que são CSS?
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Texto com esta cor aplicada
  • 14.
  • 15.  
  • 16. Externo - Externo significa que os estilos definidos no CSS, encontram-se num ficheiro externo ao HTML separado. A página HTML possui somente uma referencia a esse ficheiro. Desta forma, podemos definir os estilos e aplica-los em diferentes páginas. Incorporado - significa que os estilos definidos no CSS, encontram-se no cabeçalho do documento HTML. Os estilos só se aplicam à página na qual se encontram. Inline – Os estilos são definidos directamente dentro da tag de HTML. O estilo só se aplica á tag no qual se encontra
  • 17. Para a definição dos estilos, basta criar um documento de texto com a extensão .CSS, através da utilização de um editor de text. Exemplo: Estilos.css H1 {font-family: ‘arial'; font-size: 30pt; color: blue} P {font-family: ‘Verdana'; margin-left: 10px} Para se utilizar os estilos definidos, basta efectuar uma referência ao ficheiro .css, dentro do cabeçalho da página. <LINK REL=&quot;STYLESHEET&quot; HREF=&quot;Estilos.css“ TYPE=&quot;text/css&quot;>
  • 18.
  • 19.
  • 20.  
  • 21.
  • 22.
  • 23. [CSS]
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. 1
  • 36.
  • 37.
  • 38. 2
  • 39.
  • 40.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.