Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

README.md

CSS Basics Exercise

Why is this important?

After this session, developers should be able to hand code a simple website from scratch with HTML and CSS. Nobody really starts from scratch with HTML and CSS anymore. But unless you master the basics, you can very easily fall into the trap of mastering ONE approach to CSS and feeling totally lost when you have to work with another. Our goal with these introductory lessons is to solidify your conceptual model of how these things go together and improve your knowledge of the core CSS properties so you can debug CSS more quickly, no matter what framework you encounter.

To practice working with selectors,make your page look just like this one:

Output

Next, a great way to learn CSS is to try to rebuild a few common websites. Although these exercises may seem tedious, there is NO better way than to rebuild existing sites. You might be tempted to just look at the source code, and that is fine for inspiration, but really try to do this yourself!

Sites to rebuild:

Google

Hacker News

Challenge: Box Office Mojo

Additional Resources