SlideShare une entreprise Scribd logo
1  sur  14
Alla “faccia” del sito ,[object Object]
Mente, Corpo, Make-UP ,[object Object],[object Object],[object Object]
Sito = file e cartelle su internet ,[object Object],[object Object],[object Object],[object Object]
Mente, Corpo (reprised...) ,[object Object],[object Object],<corpo> <testa> sono un zuccone <occhio /> <occhio /> <bocca><lingua /></bocca> </testa> <braccio> <mano><dito ... /><dito ... /><dito ... /><dito ... /><dito ... /></mano> [...] </braccio> [...] </corpo>
Make-UP (reprised...) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Conoscere il proprio corpo per creare lo stile migliore ,[object Object],[object Object]
Conoscere il proprio corpo per creare lo stile migliore:  ereditarietà ,[object Object],[object Object]
Collegare il Make-UP al corpo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
In che ordine viene applicato il trucco? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Con che priorità viene applicato il trucco? ,[object Object],[object Object],N.B. : ricordare che la miglior regola è il “buon senso” Proprietà HTML CSS 1 identificativo <h2 id=”main”>...</h2> h2#main {...} 2 identificativo (non strettamente correlato all’elemento) <p id=”main”>...</p> oppure <li id=”main”>...</li> [...] #main {...} 3 ereditarietà multipla, diretta e univoca <div id=”header”> <div class=”content”> <p><h1>...</h1></p> </div> </div> div#header div.content p h1 {...} 4 ereditarietà diretta e univoca <div id=”header”> <h1>...</h1> </div> div#header h1 {...} 5 ererditarietà diretta non univoca <div><h1>...</h1></div> div h1 {...} 6 ereditarietà indiretta univaoca <div id=”header”> <div class=”content”> <p><h1>...</h1></p> </div> </div> div#header h1 {...} 7 ereditarietà indiretta non univoca <div id=”header”> <div class=”content”> <p><h1>...</h1></p> </div> </div> div h1 {...}
Ora che so in che modo e ordine sono applicate le proprietà... ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sicuro sicuro che è sufficiente quello che ho imparato? ,[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],tizio caio sempronio qui quo qua topolino minnie pluto drupi scialpi pupo
Qualcos’altro di interessante o utile? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Per concludere... ,[object Object]

Contenu connexe

Tendances

Guida introduttiva al codice HTML
Guida introduttiva al codice HTMLGuida introduttiva al codice HTML
Guida introduttiva al codice HTMLEnrico Mainero
 
HTMLslide html
HTMLslide htmlHTMLslide html
HTMLslide htmlritalerede
 
Struttura di una pagina html
Struttura di una pagina htmlStruttura di una pagina html
Struttura di una pagina htmlEnrico Mainero
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLRoberto Dadda
 
Corso HTML per l'editoria
Corso HTML per l'editoriaCorso HTML per l'editoria
Corso HTML per l'editoriaDiego La Monica
 
Guida introduttiva al css
Guida introduttiva al cssGuida introduttiva al css
Guida introduttiva al cssEnrico Mainero
 
Ancora anatomia, le pagine HTML(5)
Ancora anatomia, le pagine HTML(5)Ancora anatomia, le pagine HTML(5)
Ancora anatomia, le pagine HTML(5)nois3lab
 
Html5 - classi prime - multimedia
Html5 - classi prime - multimediaHtml5 - classi prime - multimedia
Html5 - classi prime - multimediaMatteo Ziviani
 
Open web programming
Open web programmingOpen web programming
Open web programmingnois3lab
 

Tendances (13)

Guida introduttiva al codice HTML
Guida introduttiva al codice HTMLGuida introduttiva al codice HTML
Guida introduttiva al codice HTML
 
Lezione HTML
Lezione HTMLLezione HTML
Lezione HTML
 
Introduzione all'Html
Introduzione all'HtmlIntroduzione all'Html
Introduzione all'Html
 
HTMLslide html
HTMLslide htmlHTMLslide html
HTMLslide html
 
Struttura di una pagina html
Struttura di una pagina htmlStruttura di una pagina html
Struttura di una pagina html
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Corso di HTML5 e CSS
Corso di HTML5 e CSSCorso di HTML5 e CSS
Corso di HTML5 e CSS
 
Introduzione al CSS
Introduzione al CSSIntroduzione al CSS
Introduzione al CSS
 
Corso HTML per l'editoria
Corso HTML per l'editoriaCorso HTML per l'editoria
Corso HTML per l'editoria
 
Guida introduttiva al css
Guida introduttiva al cssGuida introduttiva al css
Guida introduttiva al css
 
Ancora anatomia, le pagine HTML(5)
Ancora anatomia, le pagine HTML(5)Ancora anatomia, le pagine HTML(5)
Ancora anatomia, le pagine HTML(5)
 
Html5 - classi prime - multimedia
Html5 - classi prime - multimediaHtml5 - classi prime - multimedia
Html5 - classi prime - multimedia
 
Open web programming
Open web programmingOpen web programming
Open web programming
 

En vedette

Talent Management Preswith Ptc5 15 08
Talent Management Preswith Ptc5 15 08Talent Management Preswith Ptc5 15 08
Talent Management Preswith Ptc5 15 08kcurley
 
Collaboration Exercise
Collaboration ExerciseCollaboration Exercise
Collaboration Exercisedennisfaix
 
Creating An Army Of The Kind 08 08
Creating An Army Of The Kind 08 08Creating An Army Of The Kind 08 08
Creating An Army Of The Kind 08 08dennisfaix
 
Ecpa Firebrand 2008
Ecpa Firebrand 2008Ecpa Firebrand 2008
Ecpa Firebrand 2008dslessing
 
MAIA microperimetry centervue 100809
MAIA microperimetry centervue 100809MAIA microperimetry centervue 100809
MAIA microperimetry centervue 100809Marco U. Morales
 

En vedette (9)

Talent Management Preswith Ptc5 15 08
Talent Management Preswith Ptc5 15 08Talent Management Preswith Ptc5 15 08
Talent Management Preswith Ptc5 15 08
 
Games For Health 050908final
Games For Health 050908finalGames For Health 050908final
Games For Health 050908final
 
Collaboration Exercise
Collaboration ExerciseCollaboration Exercise
Collaboration Exercise
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Creating An Army Of The Kind 08 08
Creating An Army Of The Kind 08 08Creating An Army Of The Kind 08 08
Creating An Army Of The Kind 08 08
 
Ecpa Firebrand 2008
Ecpa Firebrand 2008Ecpa Firebrand 2008
Ecpa Firebrand 2008
 
css
csscss
css
 
Permutations
PermutationsPermutations
Permutations
 
MAIA microperimetry centervue 100809
MAIA microperimetry centervue 100809MAIA microperimetry centervue 100809
MAIA microperimetry centervue 100809
 

Similaire à Css

Html e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesignerHtml e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesignerMatteo Magni
 
Presentazione Corso - Parte 1
Presentazione Corso - Parte 1Presentazione Corso - Parte 1
Presentazione Corso - Parte 1Giorgio Carpoca
 
Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008ninam87
 
Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008alexzaffi86
 
Breve introduzione alle tecnologie HTML5 + (DOM) + CSS
Breve introduzione alle tecnologie HTML5 + (DOM) + CSS Breve introduzione alle tecnologie HTML5 + (DOM) + CSS
Breve introduzione alle tecnologie HTML5 + (DOM) + CSS Giuseppe Vizzari
 
Sviluppare estensioni per google chrome
Sviluppare estensioni per google chromeSviluppare estensioni per google chrome
Sviluppare estensioni per google chromeMarco Vito Moscaritolo
 
DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)Alessandro Giorgetti
 
Html e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesignerHtml e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesignerMatteo Magni
 
HTML e CSS Prima Lezione
HTML e CSS Prima LezioneHTML e CSS Prima Lezione
HTML e CSS Prima LezioneIvan Buccella
 
Tecniche e Best Practice nella costruzione di Form accessibili per il Web
Tecniche e Best Practice nella costruzione di Form accessibili per il WebTecniche e Best Practice nella costruzione di Form accessibili per il Web
Tecniche e Best Practice nella costruzione di Form accessibili per il WebRoberto Zucchetto
 

Similaire à Css (20)

Lezione HTML
Lezione HTMLLezione HTML
Lezione HTML
 
Lezione 4
Lezione 4Lezione 4
Lezione 4
 
Dal Click Al Web Server
Dal Click Al Web ServerDal Click Al Web Server
Dal Click Al Web Server
 
Web writing 2
Web writing 2Web writing 2
Web writing 2
 
Html e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesignerHtml e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesigner
 
Lezione N 3
Lezione N 3Lezione N 3
Lezione N 3
 
Presentazione Corso - Parte 1
Presentazione Corso - Parte 1Presentazione Corso - Parte 1
Presentazione Corso - Parte 1
 
Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008
 
Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008
 
HTML (+ DOM) + CSS
HTML (+ DOM) + CSSHTML (+ DOM) + CSS
HTML (+ DOM) + CSS
 
Breve introduzione alle tecnologie HTML5 + (DOM) + CSS
Breve introduzione alle tecnologie HTML5 + (DOM) + CSS Breve introduzione alle tecnologie HTML5 + (DOM) + CSS
Breve introduzione alle tecnologie HTML5 + (DOM) + CSS
 
Sviluppare estensioni per google chrome
Sviluppare estensioni per google chromeSviluppare estensioni per google chrome
Sviluppare estensioni per google chrome
 
DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)
 
Blogger & HTML
Blogger & HTMLBlogger & HTML
Blogger & HTML
 
Presentazione wicket
Presentazione wicketPresentazione wicket
Presentazione wicket
 
Html e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesignerHtml e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesigner
 
HTML e CSS Prima Lezione
HTML e CSS Prima LezioneHTML e CSS Prima Lezione
HTML e CSS Prima Lezione
 
Seo html russo
Seo html russoSeo html russo
Seo html russo
 
Tecniche e Best Practice nella costruzione di Form accessibili per il Web
Tecniche e Best Practice nella costruzione di Form accessibili per il WebTecniche e Best Practice nella costruzione di Form accessibili per il Web
Tecniche e Best Practice nella costruzione di Form accessibili per il Web
 
Lezione 3
Lezione 3Lezione 3
Lezione 3
 

Css

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.