Level Up!
Published in

Level Up!

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

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

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 ClickHelp.com β€” best online documentation tool for SaaS vendors



Stories for technical writers, web developers and web designers. It's time to level up your skills!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Bradley Nice

Content Manager at https://medium.com/level-up-web πŸ‘ˆ. I write about web design, web development and technical writing. Follow me on Twitter and Facebook