CSS Cheat Sheet

A Programming › CSS cheat sheet in English by bobsaget7

16,564 views 3,360 downloads 28 Feb 2017 History

PRs

3.7 avg · 0 ratings

Format

Your CSS code is written in rule sets like below:
h1 {color:blue;}
In this example color is the property and blue is the value
Each line of css must end in a ;

Classes and Ids

When referencing a class use a period, when referencing an id use a pound sign. Example:
.class-name {}
#id-name{}

Spacing and Sizing

padding	The space inside the element
margin	The space outside the element
width	Can be set by pixels (px) or percentages (%)
height	Can be set by pixels (px) or percentages (%)

Text

color	Change your text color (use a color name or hex code)
font-size	Set the size of the text (make sure your number is followed by 'px')
text-align	Moves the placement of your text, can be center, left or right
text-decoration	Can be underline, overline, line-throughor none

Background

background-color	Set the background to any color name or hex code
background-image: url("link")	Make the background an image, put your link in the quotes
background-size	Change the size of your background image (set to "cover" to fill the screen)

Borders

border-style	Can be dotted,dashed,solid,double,groove,ridge,inset, or outset
border-color	Change the color of your border
border-width	How thick the line of the border is, set with px

Badges

Nice Cheat Sheet Good Cheat Sheet

Comments

No comments yet.