CSS and HTML resources for a friend.

Learn selectors as soon as possible.

• Good article that tells you how to select most things.
• Great reference and quiz.

Important tutorials

• Media queries are very important.
• Here are some very important HTML elements. Try to use the best ones for the job.
• CSS units

CSS generators.

It often a bad idea to use a generator however sometimes they can be helpful.

• box-shadow
• gradient
• border-radius
• transform

Layout references

Layout is hard but it is one of the most powerful thing you can learn.

• Floats are the most basic layout tools.
• Flexbox is more complex but far more powerful.
• The most powerful and most complex

Useful sites

• Best site for CSS stuff + everything web development
• Very interesting place CSS tutorials
• This site is not the best but it is still very helpful if you can't find what you want on developer.mozilla.org

Useful images.