Css Help Sheet
This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA
Overview
Download & View Css Help Sheet as PDF for free.
More details
- Words: 372
- Pages: 1
liquidicity
CSS Help Sheet. Syntax
Syntax
This Needs a Diagram height
selector {property: value;}
External Style Sheet
width
Internal Style <style type=”text/css”> selector {property: value}
border margin
padding
height; width; margin-top; margin-right; margin-bottom; margin-left; padding-top; padding-right; padding-bottom; padding-left;
Inline Style
background border border-bottom border-left border-right border-top font list-style margin padding
Border
General String preceded by a full stop [.]
ID
String preceded by a hash [#]
div
Formats structure or block of text
span
Inline formatting
color
Foreground colour
cursor
Appearance of the cursor
display
block; inline; list-item; none
left
overflow
How to handle content that overflows its box. visible, hidden, scroll, auto
top
The top position of an element auto, length values [pt, in, cm, px]
visible, hidden
position
static, relative, absolute
z-index
Above or below overlapping elements auto, integer [higher numbers on top]
Font font-style italic, normal fontnormal, small-caps variant fontweight
bold, normal, lighter, bolder, integer [100-900]
font-size
Size of the font
Position clear
If any floating elements around the element both, left, right, none
float
Floats to a specified side left, right, none The left position of an element auto, length values [pt, in, cm, px]
Space between letters Vertical space between baselines Horizontal alignment blink, line-through, none, overline, underline
text-indent texttransform vertical-align word-spacing
First line indentation capitalise, lowercase, uppercase
backgroundattachment
Background image scrolls with element scroll, fixed
backgroundposition
(x y), top, center, bottom, left, right
List list-styletype list-styleposition list-styleimage
all braille embossed handheld print projection screen speech tty tv
Units
background-repeat repeat, no-repeat, repeat-x, repeat-y
letter-spacing line-height text-align textdecoration
:hover :active :focus :link :visited :first-line :first-letter
Media Types
background-color Colour of background background-image Background image
Text
Vertical alignment Spacing between words
Pseudo Selectors
Background
font-family Specific font[s] to be used.
Comments /* Comments */
border-width Width of the border border-style dashed; dotted; double; groove; inset; outset; ridge; solid; none; border-color Colour of the border
class
visibility
Shorthand
Type of bullet or numbering in the list disc; circle; square; decimal; lower-roman; upper-roman; lower-alpha; upper-alpha; none Position of the bullet or number in a list inside; outside
Length % em pt px Keywords bolder lighter larger
Image to be used as the bullet in the list
© 2007 Go Squared Ltd.
CSS Help Sheet. Syntax
Syntax
This Needs a Diagram height
selector {property: value;}
External Style Sheet
width
Internal Style <style type=”text/css”> selector {property: value}
border margin
padding
height; width; margin-top; margin-right; margin-bottom; margin-left; padding-top; padding-right; padding-bottom; padding-left;
Inline Style
background border border-bottom border-left border-right border-top font list-style margin padding
Border
General String preceded by a full stop [.]
ID
String preceded by a hash [#]
div
Formats structure or block of text
span
Inline formatting
color
Foreground colour
cursor
Appearance of the cursor
display
block; inline; list-item; none
left
overflow
How to handle content that overflows its box. visible, hidden, scroll, auto
top
The top position of an element auto, length values [pt, in, cm, px]
visible, hidden
position
static, relative, absolute
z-index
Above or below overlapping elements auto, integer [higher numbers on top]
Font font-style italic, normal fontnormal, small-caps variant fontweight
bold, normal, lighter, bolder, integer [100-900]
font-size
Size of the font
Position clear
If any floating elements around the element both, left, right, none
float
Floats to a specified side left, right, none The left position of an element auto, length values [pt, in, cm, px]
Space between letters Vertical space between baselines Horizontal alignment blink, line-through, none, overline, underline
text-indent texttransform vertical-align word-spacing
First line indentation capitalise, lowercase, uppercase
backgroundattachment
Background image scrolls with element scroll, fixed
backgroundposition
(x y), top, center, bottom, left, right
List list-styletype list-styleposition list-styleimage
all braille embossed handheld print projection screen speech tty tv
Units
background-repeat repeat, no-repeat, repeat-x, repeat-y
letter-spacing line-height text-align textdecoration
:hover :active :focus :link :visited :first-line :first-letter
Media Types
background-color Colour of background background-image Background image
Text
Vertical alignment Spacing between words
Pseudo Selectors
Background
font-family Specific font[s] to be used.
Comments /* Comments */
border-width Width of the border border-style dashed; dotted; double; groove; inset; outset; ridge; solid; none; border-color Colour of the border
class
visibility
Shorthand
Type of bullet or numbering in the list disc; circle; square; decimal; lower-roman; upper-roman; lower-alpha; upper-alpha; none Position of the bullet or number in a list inside; outside
Length % em pt px Keywords bolder lighter larger
Image to be used as the bullet in the list
© 2007 Go Squared Ltd.
Related Documents
Css Help Sheet
August 2019 29
Css Cheat Sheet
August 2019 34
Css Cheat Sheet
April 2020 21
Dasar Style Sheet Css
June 2020 9
Wordpress-help-sheet
December 2019 7
Latex Help Sheet
August 2019 28More Documents from ""