Your SlideShare is downloading. ×
0
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Css senza paura - Emma Tracanella
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Css senza paura - Emma Tracanella

594

Published on

Presentazione alla Girl Geek Dinner #12 di Milano, una serata dedicata all'How to in formato Ignite

Presentazione alla Girl Geek Dinner #12 di Milano, una serata dedicata all'How to in formato Ignite

Published in: Self Improvement
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
594
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Come affrontare i CSS senza paura
    • Emma Tracanella
    • GGD Team Milano
  • 2. Definizione
    • I fogli di stile a cascata , meglio noti con l'acronimo CSS (dall' inglese Cascading Style Sheet ) e detti anche semplicemente fogli di stile , vengono usati per definire la rappresentazione di documenti HTML , XHTML e XML . Le regole per comporre i fogli di stile sono contenute in un insieme di direttive ( Recommendations ) emanate a partire dal 1996 dal W3C .
    • ( da Wikipedia )
  • 3. Un gioco!
    • Scopo
    • Strumenti
    • Principi di base
  • 4. Idea di base
    • Separare contenuto da presentazione
  • 5. HTML vs CSS HTML CSS Contenuto Presentazione
  • 6. Tag, classi e id - HTML
    • <div class=”rettangolo” id=”pippo”>
      • contenuto
    • </div>
  • 7. Classi e id - CSS
    • . rettangolo {
      • border: 1px solid Gray;
      • ...
    • }
    • #pippo {
      • background-color: OrangeRed;
      • ...
    • }
  • 8. Importante
    • Vince sempre l’ultimo!
    .rettangolo { background-color: Yellow; ... } .... . rettangolo { background-color: Red; ... }
  • 9. Strumenti
    • Editor di testo
    • Programma di grafica
  • 10. Strumenti Browser = Firefox
  • 11. Strumenti Web developer addon
  • 12. Ricordarsi sempre
    • W3C e W3CSchool
    • Google!
    • ....
  • 13. E ora si iniza!
    • Riuso dei CSS
    • Cercare la soluzione più semplice
  • 14. F12
  • 15. Modifiche in diretta
  • 16. Costruire un layout
  • 17. Identificare la struttura
  • 18. HTML
    • Ben formato <tag> ... </tag>
    • Non inserire tag inutili
    • Usare body, h1, h2, a, ...
  • 19. Costruire il CSS
    • Ereditarietà => no ripetizioni
    • /* commenti */
    • Ordine
    • Come le scatole cinesi
    • Testing continuo
  • 20. Il CSS vi fa ancora paura?
  • 21. Attenzione :)
    • Emma Tracanella
    • GGD Team Milano - [email_address]

×