The Ultimate Guide to CSS + Cheat Sheets πŸ“‘

Bradley Nice
Level Up!
Published in
4 min readJul 16, 2018


by Bradley Nice, Content Manager at β€” professional technical writing tool

CSS is a language that describes the style of an HTML document and its elements. Learn how to use CSS to create beautiful web pages. For those of you still learning CSS, or wanting to go a little deeper into specific CSS subjects, I’d put together a list of learning resources that I’ve come across in recent months.

I might have missed something important, so please suggest your categories and resources in the comments and I’ll make the edits in the following list!

CSS Selectors

CSS selectors define the elements to which a set of CSS rules apply. From there you can move into advanced selectors and pseudoselectors. This is a starting point of CSS learning.

CSS Box Model

CSS box model explains how to manipulate elements on your page. It is essential knowledge for CSS newbies.

CSS Layout

Layout involves manipulating how elements lay out on the page. Learn how to manipulate this to create exactly the design you desire.

Styling Text with CSS

Text is a fundamental block of any web site. Learn how to apply some design to it via CSS.

CSS Units

Units are used to define the positioning, size and other parameters.

CSS Colors and Gradients

CSS Transitions and Animations

CSS Pseudo-classes and Pseudo-elements

CSS Preprocessors

CSS Naming Systems and Architecture

CSS Cheat Sheets


What are other essential CSS resources for newbies? What categories does this list lack? Any suggestions? Please, share you favorite CSS websites and resources and I’ll add them to the list.

Have a nice day!

Bradley Nice,
Content Manager at β€” best online documentation tool for SaaS vendors



Bradley Nice
Level Up!

Content Manager at πŸ‘ˆ. I write about web design, web development and technical writing. Follow me on Twitter and Facebook