Scribd Logo
Upload

Welcome to Scribd!

  • Css Cheat Sheet PDF

    Uploaded by

    Karthik
    50 views2 pages

    Original Title

    css-cheat-sheet.pdf

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    50 views2 pages

    Css Cheat Sheet PDF

    Uploaded by

    Karthik

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    CSS Cheat Sheet

    Syntax Box Model

    /* Comments */ Note: TOP


    @media type { media type is optional
    selector {
    property: value; BORDER
    }
    }
    WIDTH
    Inline Style
    <tag style="property: value;">

    RIGHT
    LEFT

    HEIGHT
    CONTENT
    Embedded Style
    <head>
    <style type="text/css">
    selector { property: value; }
    PADDING
    </style>
    </head> MARGIN

    External Style Sheet


    BOTTOM
    <head>
    <link rel="stylesheet"
    type="text/css" href="style.css" /> Boxes
    </head>
    margin-top
    Selectors margin margin-right
    margin-bottom
    margin-left
    * All elements

    padding-top
    tag All tag elements padding-right
    padding
    padding-bottom
    padding-left
    tag * All elements within tag

    border-top
    tag tag2 tag2 elements within tag border-right
    border
    border-bottom
    tag, tag2 All tag and tag2 elements border-left

    border-top-color
    tag > tag2 tag2 is a child of tag border-right-color
    border-color
    border-bottom-color
    border-left-color
    tag + tag2 tag2 preceded by tag

    border-top-style
    .class Elements with class class border-right-style
    border-style border-bottom-style
    border-left-style
    tag.class All tags with class class

    border-top-width
    #id Element with id id border-right-width
    border-width border-bottom-width
    border-left-width
    tag#id Tag with id id
    Pseudo-selectors Size and colors

    :active Adds style to active element Relative em | rem | ex | ch


    sizes vw | vh | vmin | vmax | %
    :after Adds content after element
    Absolute cm | mm | in | px | pt | pc
    :before Ads content before element sizes

    :first-child Adds style to first child Hex #ff00ff


    Colors
    RGB rgb(255,0,255)

    :first-letter Adds style to first character


    Positioning

    :first-line Adds style to first line


    absolute | fixed | relative |
    position
    static | inherit
    :focus Adds style to focused element
    float left | right | none | inherit
    :hover Adds style when mouse is over
    top, right, Sets the offset from the edge
    :link Adds style to unvisited link bottom, left

    :visited Adds style to visited link left | right | both | none | inherit
    clear
    I fixed the document now
    Text
    Specifies element placing in
    display
    the document flow
    font-family Specifies the font family

    visible | hidden | scroll | auto |


    font-size Specifies the font size overflow inherit

    font-style normal | italic | oblique | inherit


    visible | hidden | collapse |
    visibility
    inherit
    font-variant normal | small-caps | inherit
    z-index auto | int | inherit
    normal | bold | bolder | lighter |
    font-weight
    int (100- 900) | inherit Dimensions

    color Sets the color of text height auto | int | % | inherit

    line-height normal | int | % | inherit max-height none | int | % | inherit

    left | right | center | justify | max-height none | int | % | inherit


    text-align
    inherit

    max-width none | int | % | inherit


    text- none | underline | overline |
    decoration line-through | blink | inherit
    min-height int | % | inherit

    text-indent int | % | inherit


    min-width int | % | inherit

    text- none | capitalize | uppercase |


    transform lowercase | inherit width auto | int | % | inherit

    Other
    int | % | baseline | sub |
    vertical super | top | text-top
    -align middle | bottom | text-bot- Format:
    tom | inherit background background (color) (image)
    (repeat) (position)
    white normal | nowrap | pre |
    -space pre-line | pre-wrap| inherit cursor Set the type of cursor

    word- normal | length | inherit Set type of quotation


    spacing quotes
    marks

    You might also like