Css Cheatsheet Portrait
Css Cheatsheet Portrait
com
Positioning Text
position places elements on screen, e.g. font-family font used, e.g. Helvetica, Arial
absolute, fixed, relative font-size text size, e.g. 60px, 3em
float stacks elements horizontally in a color text color, e.g. #000, #abcdef
particular direction, e.g. left font-weight how bold the text is, e.g. bold
top, left, right, specifies the offsets used in absolute, font-style what style the text is, e.g. italic
bottom fixed, and relative positions, e.g. text-decorationsets a variety of effects on text, e.g.
top:10px;left:10px underline, overline, none
display sets how the element is placed in the text-align how text is aligned, e.g. center
doc flow, e.g. block, inline, none line-height spacing between lines, e.g. 2em
z-index sets the stacking order of elements, letter-spacing spacing between letters, e.g. 5px
e.g. z-index of 1 is below z-index of 2 text-indent indent of the first line, e.g. 2em
overflow sets what happens to content outside text-transform applies formatting to text, e.g. upper-
of container, e.g. auto, hidden case, lowercase, capitalize
vertical-align align relative to baseline, e.g. text-top