The Ultimate Guide to CSS + Cheat Sheets 📑

Bradley Nice
Jul 16, 2018 · 4 min read

by Bradley Nice, Content Manager at ClickHelp.com — professional technical writing tool

Image for post
Image for post

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.

Image for post

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

MORE

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

Image for post
Image for post

Level Up!

Stories for technical writers, web developers and web…

Bradley Nice

Written by

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

Level Up!

Level Up!

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

Bradley Nice

Written by

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

Level Up!

Level Up!

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

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

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