5- Learn CSS Fundamentals / Cascade & styles location
•
0 j'aime•131 vues
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: - Inline, internal and external style sheets. - How to determine which style rules have priority. READY-TO-USE CODE: http://inarocket.com/courses/css/css-fundamentals/cascade-styles-location.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)
5- Learn CSS Fundamentals / Cascade & styles location
- 1. IN A ROCKET Learn front-end development at rocket speed CSS CSS FUNDAMENTALS CascadeStyles location&
- 2. in a ROCKET STYLES LOCATION Inline, internal and external style sheets
- 3. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com INTERNAL Style sheet EXTERNAL Style sheet INLINE Styles
- 4. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com HTML CSS Browser INLINE STYLES <body> <p style="color: blue; font-size: 30px"> CSS rocks!</p> <p>More content.</p> </body> (No file) Web page title index.html CSS rocks! More content.
- 5. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com INTERNAL Style sheet EXTERNAL Style sheet INLINE Styles
- 6. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com HTML CSS Browser INTERNAL STYLES <head> <style> p { color: blue; font-size: 30px; } </style> </head> <body> <p>CSS rocks!</p> <p>More content.</p> </body> (No file) Web page title index.html CSS rocks! More content.
- 7. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com INTERNAL Style sheet EXTERNAL Style sheet INLINE Styles
- 8. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com HTML CSS Browser EXTERNAL STYLES <head> <link rel="stylesheet" href="css/styles.css"> </head> <body> <p>CSS rocks!</p> <p>More content.</p> </body> p { color: blue; font-size: 30px; } Web page title index.html (css/styles.css) CSS rocks! More content.
- 9. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com INTERNAL Style sheet EXTERNAL Style sheet INLINE Styles
- 10. in a ROCKET CASCADING How to determine which style rules have priority
- 11. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com C S SCascading Style Sheets
- 12. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com Priority scheme to determine which style rule applies if more than one rule matches a particular element. CASCADING
- 13. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com Web page title index.html BrowserCSS h1 { color: blue; } p { color: red; } input { color: pink; } h1 { color: green; } CASCADING I'm a header
- 14. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com Web page title index.html BrowserCSS <html> <head> <link rel="stylesheet" href="styles.css"> <style> h1 { color: blue; } </style> </head> <body> <h1 style="color: green">I'm a header</h1> </body> </html> CASCADING I'm a header h1 { color: red; } Internal Inline External
- 15. 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
- 16. 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
- 17. IN A ROCKET Learn front-end development at rocket speed CSS CSS FUNDAMENTALS CascadeStyles location&