SlideShare uma empresa Scribd logo
1 de 12
Desenvolvimento web I
        CSS – CASTING STYLE SHEET




          CURSO DE EXTENSÃO 2012
                 IST-PETRÓPOLIS
 L U I Z PA U L O - L P PJ U N I O R @ G M A I L . C O M
Índice
      Revisão do HTML final
      Sintaxe básica do CSS
      Aplicando CSS
      Cores
      Seletores
      Trabalhando com CSS na pratica




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Recapitulando...




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Revisão do site final




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
CSS



   CASCADING STYLE SHEETS (CSS) IS A STYLE SHEET
L A N G U A G E U S E D F O R D E S C R I B I N G T H E P R E S E N TAT I O N
     S E M A N T I C S ( T H E L O O K A N D F O R M AT T I N G ) O F A
      DOCUMENT WRIT TEN IN A MARKUP LANGUAGE
Sintaxe básica




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Sintaxe básica




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Aplicando CSS


     INLINE
    HEADER
    IMPORT
      LINKS
Aplicando CSS

 Inline                                       Header




                                               Import




 Link




Ist-Petrópolis - RJ [ Desenvolvimento web ]      Luiz Paulo [ lppjunior@gmail.com ]
Cores (Hexa)




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Selectors




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Dúvidas?


                               L U I Z PA U L O
                        L P PJ U N I O R . C O M
           L P PJ U N I O R @ G M A I L . C O M

Mais conteúdo relacionado

Mais de Luiz Paulo dos Prazeres Júnior (7)

Um pouco sobre APIs
Um pouco sobre APIsUm pouco sobre APIs
Um pouco sobre APIs
 
Introdução ao React
Introdução ao ReactIntrodução ao React
Introdução ao React
 
Gdg games
Gdg gamesGdg games
Gdg games
 
Desenvolvimento web - XHTML
Desenvolvimento web - XHTMLDesenvolvimento web - XHTML
Desenvolvimento web - XHTML
 
Desenvolvimento web I - HTML
Desenvolvimento web I - HTMLDesenvolvimento web I - HTML
Desenvolvimento web I - HTML
 
Desenvolvimento web I - Introdução
Desenvolvimento web I - IntroduçãoDesenvolvimento web I - Introdução
Desenvolvimento web I - Introdução
 
Apresentacao Web2.0
Apresentacao Web2.0Apresentacao Web2.0
Apresentacao Web2.0
 

Último

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx2m Assessoria
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuisKitota
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfSamaraLunas
 

Último (8)

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 

Desenvolvimento web I - CSS

  • 1. Desenvolvimento web I CSS – CASTING STYLE SHEET CURSO DE EXTENSÃO 2012 IST-PETRÓPOLIS L U I Z PA U L O - L P PJ U N I O R @ G M A I L . C O M
  • 2. Índice  Revisão do HTML final  Sintaxe básica do CSS  Aplicando CSS  Cores  Seletores  Trabalhando com CSS na pratica Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 3. Recapitulando... Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 4. Revisão do site final Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 5. CSS CASCADING STYLE SHEETS (CSS) IS A STYLE SHEET L A N G U A G E U S E D F O R D E S C R I B I N G T H E P R E S E N TAT I O N S E M A N T I C S ( T H E L O O K A N D F O R M AT T I N G ) O F A DOCUMENT WRIT TEN IN A MARKUP LANGUAGE
  • 6. Sintaxe básica Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 7. Sintaxe básica Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 8. Aplicando CSS INLINE HEADER IMPORT LINKS
  • 9. Aplicando CSS  Inline  Header  Import  Link Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 10. Cores (Hexa) Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 11. Selectors Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 12. Dúvidas? L U I Z PA U L O L P PJ U N I O R . C O M L P PJ U N I O R @ G M A I L . C O M