CSS

CSS Cheat Sheet – A Complete Guide for Beginners and Professionals

CSS Cheat Sheet

In this article, we’re going to share a CSS Cheat Sheet that will be useful for all of your web development projects. What is more, you’ll find 13 pages of CSS and CSS3 declarations alongside several possible properties. Let’s get started!

Getting to Know CSS

Cascading Style Sheet or CSS is a stylesheet language that dictates how your website elements should look like. You can control the design, layout, font, and the color of your website content by embedding a CSS file into your HTML document.

Let’s take a look at how CSS works, by breaking down the syntax:

selector {declaration}

The declaration can be broken down into:

selector {property: value;}

As you can see, the CSS syntax consists of a selector and a declaration block. The selector is the HTML element that you’re about to control. Whereas the declaration block contains the property name and the value of the HTML element – both of them are separated by a colon (:) and declared within curly brackets ({}).

Let’s say you want the font size of your heading one (h1) to be 20 pixels. Your syntax should look like this:

h1 {font-size: 20px;}

In this case, the selector is h1. Then, font-size is the property name, and 20px is the value.

Since CSS has so many selectors and declarations that might be hard to remember, we’ve put together a complete CSS and CSS3 Cheat Sheet to help you master the language.

Download CSS Cheat Sheet in .pdf

Download CSS Cheat Sheet in .jpg

Once you’ve downloaded the CSS Cheat Sheet, save the file to your device or print one out. This way, you’ll easily find what you’re looking for.

CSS Cheat Sheet Table of ContentsCSS 3 CheatsheetCSS 3 Cheatsheet Page 4CSS 3 Cheatsheet Page 5 CSS 3 Cheatsheet Page 6CSS 3 Cheatsheet Page 7CSS 3 Cheatsheet Page 8CSS 3 Cheatsheet Page 9CSS 3 Cheatsheet Page 10CSS 3 Cheatsheet Page 11CSS 3 Cheatsheet Page 12CSS 3 Cheatsheet Page 13

About the author

Domantas G.

Domantas leads the content and SEO teams forward with fresh ideas and out of the box approaches. Armed with extensive SEO and marketing knowledge, he aims to spread the word of Hostinger to every corner of the world. During his free time, Domantas likes to hone his web development skills and travel to exotic places.

7 Comments

Click here to post a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get Exclusive Content

Join thousands of webmasters who get our free newsletter with tips on how to drive more traffic and revenue to their websites!

Please wait...

Thank you for sign up!