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.
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
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.
CSS tricks