CSS CHEAT SHEET

19 Pun-Filled Posters That Graphic Designers Will Relate To
May 11, 2016
MODERNIZED RESPONSIVE WEB DESIGN COMPANY IN SURREY
July 10, 2016
Show all

CSS Cheat Sheet


CSS CHEAT SHEET

SYNTAX
Syntax
selector {property: value;}
External Style Sheet
<link rel=”stylesheet” type=”text/css” href=”style.css” />
Internal Style
<style type=”text/css”>
selector {property: value;}
</style>
Inline Style
<tag style=”property: value”>
GENERAL
Class String preceded by a period
ID String preceded by a hash mark
div Formats structure or block of text
span Inline formatting
color Foreground color
cursor Appearance of the cursor
display
block; inline; list-item; none
overflow How content overflowing its box is handled

visible, hidden, scroll, auto
visibility
visible, hidden
FONT
font-style
Italic, normal
font-variant
normal, small-caps
font-weight
bold, normal, lighter, bolder, integer (100-900)
font-size Size of the font
font-family Specific font(s) to be used
TEXT
letter-spacing Space between letters
line-height Vertical distance between baselines
text-align Horizontal alignment
text-decoration
blink, line-through, none, overline, underline
text-indent First line indentation
text-transform
capitalize, lowercase, uppercase
vertical-align Vertical alignment
word-spacing Spacing between words
BOX MODEL
CSS Box Model height; width;
margin-top; margin-right; margin-bottom; margin-left;
padding-top; padding-right;
padding-bottom; padding-left;
BORDER
border-width Width of the border
border-style
dashed; dotted; double; groove; inset; outset;
ridge; solid; none
border-color Color of the border
POSITION
clear Any floating elements around the element?

both, left, right, none
float Floats to a specified side

left, right, none
left The left position of an element

auto, length values (pt, in, cm, px)
top The top position of an element

auto, length values (pt, in, cm, px)
position
static, relative, absolute
z-index Element above or below overlapping elements?

auto, integer (higher numbers on top)
BACKGROUND
background-color Background color
background-image Background image
background-repeat
repeat, no-repeat, repeat-x, repeat-y
background-attachment Background image scroll with the element?

scroll, fixed
background-position
(x y), top, center, bottom, left, right
LIST
list-style-type Type of bullet or numbering in the list

disc; circle; square; decimal; lower-roman;
upper-roman; lower-alpha; upper-alpha; none
list-style-position Position of the bullet or number in a list

inside; outside
list-style-image Image to be used as the bullet in a list
* The properties for each selector
are in the order they should appear when using shorthand notation.

Shorthand*


background
border
border-bottom
border-left

border-right
border-top
font
list-style
margin
padding

Comments


/* Comment */

Pseudo Selectors


:hover
:active
:focus
:link
:visited
:first-line
:first-letter

Media Types


all
braille
embossed
handheld
print
projection
screen
speech
tty
tv

Units


Length
%
em
pt
px
Keywords
bolder
lighter
larger

http://lesliefranke.com/files/reference/csscheatsheet.html

Gautam Chakraborty
Gautam Chakraborty
Backed by 7 years of experience, Gautam Chakraborty is a consultant, website and graphic designer, with nearly 6 years of impactful results in the Web designing, graphic design, and social realm.

3 Comments

  1. BlakeTox says:

    Be inspired by our interior ideas and create a kitchen that runs like clockwork with essential appliances and sufficient food storage. Registered office 489-499 Avebury Boulevard, Milton Keynes, MK9 2NW. Registered in England No. formosa dining rooms More Comments if document. Browse our garden furniture ideas and discover which range is the right one for you to complete your outdoor space. At Homebase, to make the decision that little bit more straightforward, we have compiled a range of garden furniture ideas so you can discover the right one for you. decorating a college dorm room

    http://roomdecor.pw/dining-room/blue-dining-room-pictures.html http://roomdecor.pw/living-room/urban-living-rooms.html
    bedroom honeymoon

  2. AngeloVexia says:

    cheap generic viagra
    Gabapentin is available in over 40 countries. Vertical Health LLC This is a unique website which will require a more modern browser to work! Neurontin is a brand name for gabapentin, a prescription medicine that helps control some types of epileptic seizures. viagra online no prior prescription Also, the sedative effects of alcohol may act as a depressant, interfering the therapeutic effects of Aricept and complicating treatment. Aricept should not be taken while pregnant or breast-feeding unless deemed necessary by your doctor. Remember to keep all medicines out of reach of children Please Note: We have made every effort to ensure that the content of this information sheet is correct at time of publish, but remember that information about drugs may change. viagraonlinewithoutprescription

    http://buyviagrarxus.org/buy-viagra-cheap http://buyviagrarxus.org/cheap-viagra-usa
    is generic viagra safe

  3. MarthaTrove says:

    Revolutional update of SEO/SMM software “XRumer 16.0 + XEvil 3.0”:
    captcha solution of Google, Facebook, Bing, Hotmail, SolveMedia, Yandex,
    and more than 8400 another size-types of captchas,
    with highest precision (80..100%) and highest speed (100 img per second).
    You can connect XEvil 3.0 to all most popular SEO/SMM programms: XRumer, GSA SER, ZennoPoster, Srapebox, Senuke, and more than 100 of other programms.

    Interested? There are a lot of introducing videos about XEvil in YouTube.
    Good luck!

    XRumer201707

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!