CSS Cheat Sheet: Cascading Style System Gurpej Singh Author

CSS Cheat Sheet will be useful for all of your web development projects. What is more, you’ll find 13 pages of CSS and CSS3 declarations along side several possible properties. Let’s get started! Getting to Know CSS Cascading Style Sheet or CSS is a style sheet 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 Cheat Sheet to help you master the language.