Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile....

24
Cap 7 intro to css

Transcript of Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile....

Page 1: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

Cap 7

intro to css

Page 2: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

struttura delle regole di stile

Page 3: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

link al foglio esterno

Page 4: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

esercizio

• Creare file lounge.css • linkarlo come foglio stile esterno da

lounge.html e directions.html

Page 5: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

EREDITARIETA’

Page 6: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

EREDITARIETA’

Page 7: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

EREDITARIETA’

Page 8: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

EREDITARIETA’

Page 9: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

EREDITARIETA’

Page 10: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

EREDITARIETA’

Page 11: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

EREDITARIETA’

Page 12: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this
Page 13: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

SELETTORI DI CLASSE

Page 14: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

aggiungere una classe ad un elemento

file elixir.html

Page 15: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

SELETTORI DI CLASSE

Page 16: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

SELETTORI DI CLASSE

Page 17: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

CLASSI MULTIPLE E REGOLE DI PRIORITA'

Page 18: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

CLASSI MULTIPLE E REGOLE DI PRIORITA'

Page 19: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this
Page 20: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this
Page 21: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

Esercizio

Page 22: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this
Page 23: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

• Validazione di fogli stile – http://jigsaw.w3.org/css-validator/

http://jigsaw.w3.org/css-validator/
http://jigsaw.w3.org/css-validator/
http://jigsaw.w3.org/css-validator/
Page 24: Cap 7 - Dipartimento di Matematica e Informatica · intro to css. struttura delle regole di stile. link al foglio esterno. esercizio ... Chock full of vitamins and minerals, this

I fogli di stile · 7 CSS Browser Informazione contenuto Documento HTML Browser Aspetto Documento CSS Separare il contenuto dell’informazione dal suo aspetto. 8 CSS Specifica dello

I fogli di stile · 7 CSS Browser Informazione contenuto Documento HTML Browser Aspetto Documento CSS Separare il contenuto dell’informazione dal suo aspetto. 8 CSS Specifica dello

Html e Css - 4 | WebMaster & WebDesigner

Html e Css - 4 | WebMaster & WebDesigner

CSS E FOGLI DI STILE · CSS E FOGLI DI STILE Guida Css di base Progetto di Alternanza Scuola-Lavoro – Anno scolastico 2016-2017 Istituto Tecnico Enrico Fermi, Siracusa

CSS E FOGLI DI STILE · CSS E FOGLI DI STILE Guida Css di base Progetto di Alternanza Scuola-Lavoro – Anno scolastico 2016-2017 Istituto Tecnico Enrico Fermi, Siracusa

Guida CSS di base - profcuccu.altervista.orgprofcuccu.altervista.org/4/HTML/Manuali/guida_css_di_base.pdf · Guida CSS (Cascading Style Sheet) di base – Rel. 1.0 1 Guida CSS (Cascading

Guida CSS di base - profcuccu.altervista.orgprofcuccu.altervista.org/4/HTML/Manuali/guida_css_di_base.pdf · Guida CSS (Cascading Style Sheet) di base – Rel. 1.0 1 Guida CSS (Cascading

Html + CSS - Lezione 2

Html + CSS - Lezione 2

HTML e CSS

HTML e CSS

CSS Casa Sorriso

CSS Casa Sorriso

CSS* per mobile

CSS* per mobile

La normativa sul CSS: tra rifiuto ed End of Waste · CSS-Combustibile; • per ciascun lotto, successivamente alla messa a regime dell’impianto. Qualità di CSS ammessa alla qualifica

La normativa sul CSS: tra rifiuto ed End of Waste · CSS-Combustibile; • per ciascun lotto, successivamente alla messa a regime dell’impianto. Qualità di CSS ammessa alla qualifica

carta dei servizi CSS Melegnano

carta dei servizi CSS Melegnano

Css senza paura - Emma Tracanella

Css senza paura - Emma Tracanella

Guida pratica ai CSS

Guida pratica ai CSS

CSS Layout a 2 colonne

CSS Layout a 2 colonne

Template css per Joomla

Template css per Joomla

Sviluppo CSS agile con SASS e Compass - CSS Day 2015 Faenza

Sviluppo CSS agile con SASS e Compass - CSS Day 2015 Faenza

Fogli di stile CSS

Fogli di stile CSS

Tecnologie Web T CSS -  · I fogli di stile a cascata (Cascading Style Sheets = CSS) ... Il linguaggio CSS è stato proposto da Bert Bos e Håkon Lie ... Colleghiamo i due file inserendo

Tecnologie Web T CSS -  · I fogli di stile a cascata (Cascading Style Sheets = CSS) ... Il linguaggio CSS è stato proposto da Bert Bos e Håkon Lie ... Colleghiamo i due file inserendo

Combustibile solido secondario (CSS)

Combustibile solido secondario (CSS)

Guida ai fogli di Stile CSS - itispolistena.edu.it · Guida ai fogli di Stile CSS I CSS, ovvero Cascading Style Sheets sono ormai molto comuni sul web, servono per migliorare l'aspetto

Guida ai fogli di Stile CSS - itispolistena.edu.it · Guida ai fogli di Stile CSS I CSS, ovvero Cascading Style Sheets sono ormai molto comuni sul web, servono per migliorare l'aspetto

SEMINARIO DE DQL CON Y MYSQL · 12. Introducción a @font-face de CSS: Fuentes en CSS 3. Sintaxis y principales características de la regla CSS @font-face, que nos permite utilizar

SEMINARIO DE DQL CON Y MYSQL · 12. Introducción a @font-face de CSS: Fuentes en CSS 3. Sintaxis y principales características de la regla CSS @font-face, que nos permite utilizar