Text and Fonts

font-family

font-family: "Times New Roman", Times, serif;

font-size

font-size: 2em;
font-size: 13px;
font-size: 50%;

font-weight

font-weight: bold;
font-weight: 800;

font-style

font-style: italic;
font-style: normal;

line-height

line-height: 20px;
line-height: 2em;

letter-spacing

letter-spacing: 2em;

word-spacing

word-spacing: 5em;

text-align

text-align: center;
text-align: left;
text-align: right;
text-align: justify;

text-decoration

text-decoration:underline;
text-decoration: none;

text-indent

text-indent: 1em;

text-transform

text-transform: uppercase;
text-transform: lowercase;
text-transform: capitalize;

Colors and Backgrounds

color

color: #ff0000;
color: red;

background-color

background-color: #000;
background-color: black;

background-image

background-image: url('images/pathtoyourimage.jpg')

background-position

background-position: 10px 100px;
background-position: top center;

background-repeat

background-repeat: no-repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: repeat;

Lists

list-style-type

list-style-type: disc;
list-style-type: circle;
list-style-type: square;
list-style-type: decimal;
list-style-type: upper-roman;
list-style-type: lower-roman;
list-style-type: georgian;
list-style-type: none;

list-style-image

li {
     list-style-image: url('images/pathtoyourimage.jpg');
}

list-style-position

     list-style-position: inside;
     list-style-position: outside;

The Box Model

padding

     padding: 10px 0px 10px 0px;
     padding: 10px 0px;
     padding: 10px 0px 10px;

border

     border-width: 1px;
     border-style: dotted;
     border-color: #232323;

margin

     margin: 10px 0px 10px 0px;
     margin: 10px 0px;
     margin: 10px 0px 10px;

Miscellaneous

cursor

     cursor: crosshair;
     cursor: wait;
     cursor: help;
     cursor: pointer;
     cursor: move;

display

     display: block;
     display: inline;
     display: none;

overflow

     overflow: hidden;
     overflow: visible;

text-decoration

     text-decoration: none; /* removes the underline */
     text-decoration: underline;

Tweet