CSS Cheat Sheet

by bobsaget7 via cheatography.com/35112/cs/11026/

Format Background

Your CSS code is written in rule sets like below: backgr​oun​d-color Set the background to any color name or hex code
h1 {color​:bl​ue;} backgr​oun​d- Make the background an image, put your link in the
In this example color is the prop​erty and blue is the value i​mage: url("li​nk") quotes
Each line of css must end in a ; backgr​oun​d-size Change the size of your background image (set to
"​cov​er" to fill the screen)
Classes and Ids
Borders
When refere​ncing a class use a period, when refere​ncing anid use a
pound sign. Example: border​- Can be dotted​,da​she​d,s​oli​d,d​oub​le,​gro​ove​,ri​dge​,inset, or
.clas​s-name {} style outset
#id-n​ame{}
border​- Change the color of your border
color
Spacing and Sizing border​- How thick the line of the border is, set with px

padding The space inside the element width

margin The space outside the element

width Can be set by pixels (px) or percen​tages (%)

height Can be set by pixels (px) or percen​tages (%)

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- Can be underline, overline, line-t​hro​ughor none

d​eco​ration

By bobsaget7 Published 28th February, 2017. Sponsored by Readability-Score.com

cheatography.com/bobsaget7/ Last updated 28th February, 2017. Measure your website readability!
Page 1 of 1. https://readability-score.com