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:
- Why your browser is applying styles by default (user agent stylesheet).
- How to normalize styles so browsers render all elements more consistently and you get a simple baseline to build upon.
READY-TO-USE CODE:
http://inarocket.com/courses/css/css-fundamentals/reset-styles.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
Beyond Inbound: Unlocking the Secrets of API Egress Traffic Management
6- Learn CSS Fundamentals / Reset styles
1. IN A ROCKET
Learn front-end development at rocket speed
CSS CSS FUNDAMENTALS
Reset styles
2. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
USER AGENT STYLESHEETS
Chromium UA stylesheet
Mozilla UA stylesheet
WebKit UA stylesheet
All browsers apply a set of default styles in what is called the “user agent
stylesheet”.
3. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
TOOLS: NORMALIZE
Best practice: use a CSS to normalize different styles applied by the browsers
and start your work from that point.
4. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
TOOLS: NORMALIZE
myFile.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>My web page</title>
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="myStyles.css">
</head>
5. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
TOOLS: REBOOT BY BOOTSTRAP
6. CSS FUNDAMENTALS: Build a strong foundation by solving real cases inarocket.com
TEMPLATES: RESET CSS FOR E-MAILS
7. 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
8. 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
9. IN A ROCKET
Learn front-end development at rocket speed
CSS CSS FUNDAMENTALS
Reset styles