02 - CSS

Laboratoar CSS

Prezentarea Curs si informatii utile

Informatii Utile

Tools:

• JSFiddle
• VisualStudioCode
• HTML Validator
• CSS Validator

Documentatie:

• W3schools CSS
• MDN Web Docs CSS
• CSS Cheat Sheet
• 7 Important Tips for Writing Better CSS
• CSS Zen Garden
• CSS @ DevDocs

Exercitii de antrenament:

• CSS Exercitii
• CSS Diner

Exercitii

Replicati urmatoarele imagini folosing HTML si CSS

1. BoxModel

Rezolvare

2. Selectia elementelor

Rezolvare

3. Sah

Aici puteti tabele sau div-uri pentru rezolvare

Rezolvare folosind tabele

Rezolvare folosind div

4. Design Responsive

Dimensiuni ecran:

• 360
• 480
• 760

Rezolvare