CSS tricks

1. css short hand rule


font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

font: bold italic small-caps 1em/1.5em verdana,sans-serif


2. Two classes together

...

3. CSS border default value

border: solid


4. CSS document for printing

variety of ways to associate media-specific stylesheets to a document


    all
    aural
    braille
    embossed
    handheld
    print
    projection
    screen
    tty
    tv


5.  External custom font

@font-face {
font-family: cool_font;
src: url('cool_font.ttf');
}


6. CSS positioning within a container


Assign the following CSS rule to the container:

#container
{
position: relative
}


7. repeat-x repeat-y

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;


repeat-x  - background image will be repeated horizontally

repeat-y -  background image will be repeated vertically


8. Block vs. inline level elements

Block element starts on a new line.

div p h1 form ul  tags

Inline elements do not start on a new line

span img a tags


9. text-transform

capitalize | lowercase | none | uppercase

This property defines how the text will be transformed to.

Posted in CSS, HTML