SlideShare uma empresa Scribd logo
1 de 7
Html e CSS
Css
● Cascading Style Sheets (CSS) é uma
linguagem de folhas de estilo utilizada para
definir a apresentação de documentos escritos
em uma linguagem de marcação, como HTML
ou XML.
● O seu principal benefício é a separação entre o
formato e o conteúdo de um documento.
Css
● CSS define como serão exibidos os elementos
contidos no código de uma página da internet e
sua maior vantagem é efetuar a separação
entre o formato e o conteúdo de um
documento.
Por que o CSS foi criado?
● Com a evolução dos recursos de programação
as páginas da internet estavam adotando cada
vez mais estilos e variações para deixá-las
mais elegantes e atrativas para os usuários.
Com isto, linguagens de marcação simples
como o HTML, que era destinada para
apresentar os conteúdos também precisou ser
aprimorada.
Por que o CSS foi criado?
● Foram criadas novas tags e atributos de estilo
para o HTML e em resumo ele passou a exercer
tanto a função de estruturar o conteúdo quanto de
apresentá-lo para o usuário final. Entretanto, isto
começou a trazer um problema para os
desenvolvedores, pois não havia uma forma de
definir, por exemplo, um padrão para todos os
cabeçalhos ou conteúdos em diversas páginas.
Ou seja, as alterações teriam que ser feitas
manualmente, uma a uma.
Por que o CSS foi criado?
● A partir destas complicações, nasceu o CSS.
Primariamente, foi desenvolvido para habilitar a separação
do conteúdo e formato de um documento (na linguagem de
formatação utilizada) de sua apresentação, incluindo
elementos como cores, formatos de fontes e layout. Esta
separação proporcionou uma maior flexibilidade e controle
na especificação de como as características serão exibidas,
permitiu um compartilhamento de formato e reduziu a
repetição no conteúdo estrutural de uma página.
Por que o CSS foi criado?

Mais conteúdo relacionado

Mais procurados

Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
André Constantino da Silva
 
Html completo
Html completoHtml completo
Html completo
EMSNEWS
 

Mais procurados (20)

Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
Curso de html - Introdução ao HTML
Curso de html -  Introdução ao HTMLCurso de html -  Introdução ao HTML
Curso de html - Introdução ao HTML
 
HTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no htmlHTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no html
 
HTML Formatando Textos
HTML Formatando TextosHTML Formatando Textos
HTML Formatando Textos
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web i
 
Curso HTML e CSS Part1
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
 
Introdução ao CSS
Introdução ao CSSIntrodução ao CSS
Introdução ao CSS
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
 
Html e css
Html e cssHtml e css
Html e css
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
 
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e Parágrafo
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoIntrodução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e Parágrafo
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e Parágrafo
 
Curso HTML e CSS
Curso HTML e CSSCurso HTML e CSS
Curso HTML e CSS
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSS
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTML
 
Html completo
Html completoHtml completo
Html completo
 

Destaque

Frazer skills test certificate page2
Frazer skills test certificate page2Frazer skills test certificate page2
Frazer skills test certificate page2
Frazer Sim
 
UWinSoftwarePortfolio_FINAL_INTERACTIVE
UWinSoftwarePortfolio_FINAL_INTERACTIVEUWinSoftwarePortfolio_FINAL_INTERACTIVE
UWinSoftwarePortfolio_FINAL_INTERACTIVE
Nguyen Nguyen
 
Business Code of Conduct and Ethics.
Business Code of Conduct and Ethics.Business Code of Conduct and Ethics.
Business Code of Conduct and Ethics.
MOHEEB AL-BAZZAZ
 

Destaque (20)

Azua (2002)
Azua (2002)Azua (2002)
Azua (2002)
 
Rhetanal
RhetanalRhetanal
Rhetanal
 
Frazer skills test certificate page2
Frazer skills test certificate page2Frazer skills test certificate page2
Frazer skills test certificate page2
 
Justene Ewing, Digital Health Institute (DHI)
Justene Ewing, Digital Health Institute (DHI)Justene Ewing, Digital Health Institute (DHI)
Justene Ewing, Digital Health Institute (DHI)
 
UWinSoftwarePortfolio_FINAL_INTERACTIVE
UWinSoftwarePortfolio_FINAL_INTERACTIVEUWinSoftwarePortfolio_FINAL_INTERACTIVE
UWinSoftwarePortfolio_FINAL_INTERACTIVE
 
Podcast Demo
Podcast DemoPodcast Demo
Podcast Demo
 
UX, Games, and Education: Reimagining the Learning Interface by Sherry Jones
UX, Games, and Education: Reimagining the Learning Interface by Sherry JonesUX, Games, and Education: Reimagining the Learning Interface by Sherry Jones
UX, Games, and Education: Reimagining the Learning Interface by Sherry Jones
 
Qv.pptx
Qv.pptxQv.pptx
Qv.pptx
 
Fotografía publicitaria. aula virtual
Fotografía publicitaria. aula virtualFotografía publicitaria. aula virtual
Fotografía publicitaria. aula virtual
 
Quan trimangnangcao
Quan trimangnangcaoQuan trimangnangcao
Quan trimangnangcao
 
Jangan sepelekan sariawan
Jangan sepelekan sariawanJangan sepelekan sariawan
Jangan sepelekan sariawan
 
Aztecas Music 2
Aztecas Music 2Aztecas Music 2
Aztecas Music 2
 
Business Code of Conduct and Ethics.
Business Code of Conduct and Ethics.Business Code of Conduct and Ethics.
Business Code of Conduct and Ethics.
 
Parental Control Demo
Parental Control DemoParental Control Demo
Parental Control Demo
 
Frases y Curiosidades
Frases y CuriosidadesFrases y Curiosidades
Frases y Curiosidades
 
Xxx Copy Copyx
Xxx   Copy CopyxXxx   Copy Copyx
Xxx Copy Copyx
 
Франко І.
Франко І.Франко І.
Франко І.
 
sistem informasi manajemen library berbasis web
sistem informasi manajemen library berbasis websistem informasi manajemen library berbasis web
sistem informasi manajemen library berbasis web
 
Active collaborative learning
Active collaborative learningActive collaborative learning
Active collaborative learning
 
Aula 02
Aula 02Aula 02
Aula 02
 

Semelhante a Aula 07

2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdf2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdf
RubenManhia
 
Curso de css3 unidade 1 - introdução ao css
Curso de css3   unidade 1 - introdução ao cssCurso de css3   unidade 1 - introdução ao css
Curso de css3 unidade 1 - introdução ao css
Léo Dias
 
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nosDesenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Vinicius Rocha Olivieri
 

Semelhante a Aula 07 (20)

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
 
Css cascading style sheet
Css cascading style sheetCss cascading style sheet
Css cascading style sheet
 
Curso de css3 unidade 1 - introdução ao css
Curso de css3   unidade 1 - introdução ao cssCurso de css3   unidade 1 - introdução ao css
Curso de css3 unidade 1 - introdução ao css
 
Css tutorial
Css tutorialCss tutorial
Css tutorial
 
Aula 4 e 5 css e java script
Aula 4 e 5   css e java scriptAula 4 e 5   css e java script
Aula 4 e 5 css e java script
 
Aula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSAula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSS
 
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
 
Curso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSSCurso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSS
 
Css
CssCss
Css
 
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nosDesenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
 
CSS
CSSCSS
CSS
 
Aula 4 css
Aula 4   cssAula 4   css
Aula 4 css
 
CSS
CSSCSS
CSS
 
Facilitando sua vida com SASS
Facilitando sua vida com SASSFacilitando sua vida com SASS
Facilitando sua vida com SASS
 
W3C Web Standards CSS
W3C Web Standards CSSW3C Web Standards CSS
W3C Web Standards CSS
 
Aula 07 Css - Parte 1
Aula 07   Css - Parte 1Aula 07   Css - Parte 1
Aula 07 Css - Parte 1
 
Padroes Web
Padroes WebPadroes Web
Padroes Web
 
Css e iFrames
Css e iFramesCss e iFrames
Css e iFrames
 
Htmlbasico
HtmlbasicoHtmlbasico
Htmlbasico
 

Mais de Jorge Ávila Miranda

Aula07 - Arquitetura e Manutenção de Computadores
Aula07 - Arquitetura e Manutenção de ComputadoresAula07 - Arquitetura e Manutenção de Computadores
Aula07 - Arquitetura e Manutenção de Computadores
Jorge Ávila Miranda
 

Mais de Jorge Ávila Miranda (20)

Aula16 - Jquery
Aula16 - JqueryAula16 - Jquery
Aula16 - Jquery
 
Aula15 - Array PHP
Aula15 - Array PHPAula15 - Array PHP
Aula15 - Array PHP
 
Aula13 - Estrutura de repetição (for e while) - PHP
Aula13 - Estrutura de repetição (for e while) - PHPAula13 - Estrutura de repetição (for e while) - PHP
Aula13 - Estrutura de repetição (for e while) - PHP
 
Aula14 - Funções em PHP
Aula14 - Funções em PHPAula14 - Funções em PHP
Aula14 - Funções em PHP
 
Aula Herança
Aula HerançaAula Herança
Aula Herança
 
Aula05 - Poojava
Aula05 - PoojavaAula05 - Poojava
Aula05 - Poojava
 
Aula12- PHP
Aula12- PHPAula12- PHP
Aula12- PHP
 
Aula11 - PHP
Aula11 - PHPAula11 - PHP
Aula11 - PHP
 
Aula10 -PHP
Aula10 -PHPAula10 -PHP
Aula10 -PHP
 
Aula09 - Java Script
Aula09 - Java ScriptAula09 - Java Script
Aula09 - Java Script
 
Aula08 - Java Script
Aula08 - Java ScriptAula08 - Java Script
Aula08 - Java Script
 
Aula07 - JavaScript
Aula07 - JavaScriptAula07 - JavaScript
Aula07 - JavaScript
 
Aula04-POOJAVA
Aula04-POOJAVAAula04-POOJAVA
Aula04-POOJAVA
 
Aula06 - JavaScript
Aula06 - JavaScriptAula06 - JavaScript
Aula06 - JavaScript
 
Aula05-JavaScript
Aula05-JavaScriptAula05-JavaScript
Aula05-JavaScript
 
Aula04-JavaScript
Aula04-JavaScriptAula04-JavaScript
Aula04-JavaScript
 
Aula03 - JavaScript
Aula03 - JavaScriptAula03 - JavaScript
Aula03 - JavaScript
 
Aula02 - JavaScript
Aula02 - JavaScriptAula02 - JavaScript
Aula02 - JavaScript
 
Aula01-JavaScript
Aula01-JavaScriptAula01-JavaScript
Aula01-JavaScript
 
Aula07 - Arquitetura e Manutenção de Computadores
Aula07 - Arquitetura e Manutenção de ComputadoresAula07 - Arquitetura e Manutenção de Computadores
Aula07 - Arquitetura e Manutenção de Computadores
 

Aula 07

  • 2. Css ● Cascading Style Sheets (CSS) é uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. ● O seu principal benefício é a separação entre o formato e o conteúdo de um documento.
  • 3. Css ● CSS define como serão exibidos os elementos contidos no código de uma página da internet e sua maior vantagem é efetuar a separação entre o formato e o conteúdo de um documento.
  • 4. Por que o CSS foi criado? ● Com a evolução dos recursos de programação as páginas da internet estavam adotando cada vez mais estilos e variações para deixá-las mais elegantes e atrativas para os usuários. Com isto, linguagens de marcação simples como o HTML, que era destinada para apresentar os conteúdos também precisou ser aprimorada.
  • 5. Por que o CSS foi criado? ● Foram criadas novas tags e atributos de estilo para o HTML e em resumo ele passou a exercer tanto a função de estruturar o conteúdo quanto de apresentá-lo para o usuário final. Entretanto, isto começou a trazer um problema para os desenvolvedores, pois não havia uma forma de definir, por exemplo, um padrão para todos os cabeçalhos ou conteúdos em diversas páginas. Ou seja, as alterações teriam que ser feitas manualmente, uma a uma.
  • 6. Por que o CSS foi criado? ● A partir destas complicações, nasceu o CSS. Primariamente, foi desenvolvido para habilitar a separação do conteúdo e formato de um documento (na linguagem de formatação utilizada) de sua apresentação, incluindo elementos como cores, formatos de fontes e layout. Esta separação proporcionou uma maior flexibilidade e controle na especificação de como as características serão exibidas, permitiu um compartilhamento de formato e reduziu a repetição no conteúdo estrutural de uma página.
  • 7. Por que o CSS foi criado?