4- Learn CSS Fundamentals / Basic syntax
Learn CSS fundamentals really fast, online and free. FULL COURSE: http://inarocket.com Learn front end development fast, step-by-step and with ready-to-use code. IN THIS MODULE YOU'LL LEARN: - Parts of a CSS ruleset: selector/s + declaration/block (property + value). - How to comment CSS code (single-line & multi-line). READY-TO-USE CODE: http://inarocket.com/courses/css/css-fundamentals/basic-syntax.php BEST BOOKS TO LEARN CSS: - CSS: The Definitive Guide: Visual Presentation for the Web by O'Reilly Media. https://amzn.to/2VOWHQT - HTML and CSS: Design and Build Websites by John Wiley & Sons. https://amzn.to/2Ir5y3i - CSS: The Missing Manual by O'Reilly Media. https://amzn.to/2ImdyTf - CSS Visual Dictionary by Independently published. https://amzn.to/2xgwHUh
Recommandé
Recommandé
Contenu connexe
Plus de In a Rocket
Plus de In a Rocket (9)
Dernier
Dernier (20)
4- Learn CSS Fundamentals / Basic syntax
- 1. IN A ROCKET Learn front-end development at rocket speed CSS CSS FUNDAMENTALS Basic syntax
- 2. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com Selector Declaration Property Value CSS RULESET p color: blue{ } Each property has a specific list of valid values defined for it
- 3. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com { Selector Declaration block CSS RULESET p color: blue; } Declaration Declaration font: Arial;
- 4. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com { Group of selectors Declaration block h1 color: blue; font: Arial; } CSS RULESET , p
- 5. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com CSS RULESET h1 {width: 50%} =CSS RULESET p {color: blue} CSS RULESET h1, p {font: Arial} + + + STYLE SHEET
- 7. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com HTML CSS Browser CSS COMMENTS <body> <h1>Section title</h1> <p>Lorem ipsum dolor sit met, facials fuisset voluptatibus cu vim. Ei posit malorum dolour vel, pro ridens debutis ut.</p> </body> /* Site headers */ h1 { color: blue; } h2 { color: purple; } /* Text styles */ /* p { color: green; } */ em { color: red; } Web page title index.html Section title Lorem ipsum dolor sit met, facials fuisset voluptatibus cu vim. Ei posit malorum dolour vel, pro ridens debutis ut. ignored styles
- 8. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com HTML CSS Browser CSS COMMENTS <body> <h1>Section title</h1> <p>Lorem ipsum dolor sit met, facials fuisset voluptatibus cu vim. Ei posit malorum dolour vel, pro ridens debutis ut.</p> </body> /* ========== Project ACME Stylesheet Updated: 6-Mar-2019 ========== */ /* Site headers */ h1 { color: blue; } h2 { color: purple; } Web page title index.html Section title Lorem ipsum dolor sit met, facials fuisset voluptatibus cu vim. Ei posit malorum dolour vel, pro ridens debutis ut. multiline comment
- 9. Learn front-end development at rocket speed inarocket.com by miguelsanchez.com YOU CAN CONTINUE THIS COURSE FOR FREE ON + READY TO USE CODE + QUIZZES + FREE UPDATES
- 10. We respect your time No more blah blah videos. Just straight to the point slides with relevant information. Ready to use code Real code you can just copy and paste into your real projects. Step by step guides Clear and concise steps to build real use solutions. No missed points. Learn front-end development at rocket speed inarocket.com
- 11. IN A ROCKET Learn front-end development at rocket speed CSS CSS FUNDAMENTALS Basic syntax