CSS Help Sheet.pdf

(123 KB) Pobierz
liquidicity
CSS Help Sheet.
Syntax
This Needs a Diagram
Shorthand
Syntax
height; width;
margin-top;
margin-right;
margin-bottom;
margin-left;
padding-top;
padding-right;
padding-bottom;
padding-left;
background
border
border-bottom
border-left
border-right
border-top
font
list-style
margin
padding
height
selector {property: value;}
External Style Sheet
width
<link rel=”stylesheet” type=”text/css”
href=”style.css” />
Internal Style
<style type=”text/css”>
selector {property: value}
</style>
border
margin
padding
Comments
Inline Style
Border
<tag style=”property: value”>
/* Comments */
border-width
Width of the border
border-style
dashed; dotted; double; groove; inset;
outset; ridge; solid; none;
Pseudo
Selectors
:hover
:active
:focus
:link
:visited
: rst-line
: rst-letter
General
border-color
Colour of the border
class
String preceded by a full stop [.]
ID
String preceded by a hash [#]
Position
div
Formats structure or block of text
clear
If any oating elements around the element
both, left, right, none
span
Inline formatting
color
Foreground colour
oat
Floats to a speci ed side
left, right, none
cursor
Appearance of the cursor
display
block; inline; list-item; none
Media Types
left
The left position of an element
auto, length values [pt, in, cm, px]
over ow
How to handle content that
over ows its box.
visible, hidden, scroll, auto
all
braille
embossed
handheld
print
projection
screen
speech
tty
tv
top
The top position of an element
auto, length values [pt, in, cm, px]
visibility
visible, hidden
position
static, relative, absolute
z-index
Above or below overlapping elements
auto, integer [higher numbers on top]
Font
font-style
italic, normal
Background
font-
variant
normal, small-caps
background-color Colour of background
background-image Background image
background-repeat repeat, no-repeat, repeat-x, repeat-y
Units
font-
weight
bold, normal, lighter, bolder,
integer [100-900]
Length
%
em
pt
px
Keywords
bolder
lighter
larger
font-size
Size of the font
background-
attachment
Background image scrolls with element
scroll, xed
font-family
Speci c font[s] to be used.
background-
position
(x y), top, center, bottom, left, right
Text
letter-spacing
Space between letters
List
line-height
Vertical space between baselines
list-style-
type
Type of bullet or numbering in the list
disc; circle; square; decimal; lower-roman;
upper-roman; lower-alpha; upper-alpha; none
text-align
Horizontal alignment
text-
decoration
blink, line-through, none,
overline, underline
list-style-
position
Position of the bullet or number in a list
inside; outside
text-indent
First line indentation
text-
transform
capitalise, lowercase, uppercase
list-style-
image
Image to be used as the bullet in the list
vertical-align
Vertical alignment
word-spacing
Spacing between words
© 2007 Go Squared Ltd.
823247448.035.png 823247448.036.png 823247448.037.png 823247448.038.png 823247448.001.png 823247448.002.png 823247448.003.png 823247448.004.png 823247448.005.png 823247448.006.png 823247448.007.png 823247448.008.png 823247448.009.png 823247448.010.png 823247448.011.png 823247448.012.png 823247448.013.png 823247448.014.png 823247448.015.png 823247448.016.png 823247448.017.png 823247448.018.png 823247448.019.png 823247448.020.png 823247448.021.png 823247448.022.png 823247448.023.png 823247448.024.png 823247448.025.png 823247448.026.png 823247448.027.png 823247448.028.png 823247448.029.png 823247448.030.png 823247448.031.png 823247448.032.png 823247448.033.png 823247448.034.png
 

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin