This is not the document you are looking for? Use the search form below to find more!

Report home > Computer / Internet

CSS Help Sheet

3.83 (6 votes)
Document Description
CSS Help Sheet. Cascading Style Sheet. Web Design. You need a pdf reader to open the file. by Go Squared Ltd.
File Details
Submitter
Embed Code:

Add New Comment




Showing 1 comment

by software on July 29th, 2012 at 09:16 pm
This is will improve my css skill, thanks
Related Documents

Movie Maker Help Sheet

by: bela, 2 pages

Windows Movie Maker Help Sheet Before you begin to edit your film, be sure to save your collections to the server folder. This folder is located on Maroon/MS Group Work/7th…

Help Is On The Way Sheet Music

by: becky, 4 pages

sheet music for Help is on the way by beck siame

Travel Health Fact Sheet: Bali

by: desantis, 3 pages

The following information must be viewed as a guide only. It is not intended, nor implied to be a substitute for professional medical advice. Healthy travelers have the most fun! ...

The Web Developer's SEO Cheat Sheet

by: williamstt, 2 pages

The Web Developer's SEO Cheat Sheet Important SEO HTML tags Search Engine Indexing Limits Common Canonical Homepage Issue Important Search Engine Robots Common Robot ...

BMW Cheat Sheet

by: clevenger, 3 pages

This cheat sheet contains useful everyday information on maintenance procedures, common value setting, oil and radiator fluids information, some bolt torque values, parts adjustment, alarm set ...

What Is CSS?

by: rika, 13 pages

CSS (cascading stylesheets) is a simple mechanism for controlling the style of a Web document without compromising its structure. By separating visual design elements (fonts, colors, margins, and so ...

SELF-HELP: MANAGING YOUR PHOBIA

by: shinta, 5 pages

SELF-HELP: MANAGING YOUR PHOBIA Step 1: Learning about anxiety and phobias This is a very important first step, as it helps you understand what is happening when you experience ...

CSS Terms and Agreements

by: clake76, 3 pages

CSS Terms and Agreements

The Federal Reserve System Balance Sheet: What Happened and Why it Matters

by: shinta, 61 pages

The recent expansion of the balance sheet of the consolidated Federal Reserve Banks (FRB) is analyzed in an historical context. The analysis reveals that the nature of Fed involvement in ...

Masaaki Shirakawa: Balance-sheet adjustments and the global economy

by: shinta, 4 pages

Counting the Banque de France, financial institutions, clearing systems, law firms, and accounting offices among its members, Paris EUROPLACE is an organization with a wide range of ...

Content Preview
liqu
q i
u di
d ci
c ty
t
CS
C S
S
S He
H l
e p
p Sh
S e
h e
e t
e .t
Syntax
This Needs a Diagram
Shorthand
Syntax
height
height; width;
background
selector {property: value;}
margin-top;
border
External Style Sheet
margin-right;
border-bottom
width
margin-bottom;
border-left
<link rel=”stylesheet” type=”text/css”
margin-left;
border-right
href=”style.css” />
padding-top;
border-top
Internal Style
padding-right;
font
<style type=”text/css”>
padding-bottom;
list-style
border
selector {property: value}
padding-left;
margin
margin
padding
</style>
padding
Inline Style
Comments
Border
<tag style=”property: value”>
border-width
/* Comments */
Width of the border
border-style
dashed; dotted; double; groove; inset;
Pseudo
General
outset; ridge; solid; none;
Selectors
class
String preceded by a full stop [.]
border-color Colour of the border
:hover
ID
String preceded by a hash [#]
:active
Position
div
:focus
Formats structure or block of text
clear
If any floating elements around the element
:link
span
Inline formatting
both, left, right, none
:visited
color
Foreground colour
:first-line
float
Floats to a specified side
cursor
Appearance of the cursor
:first-letter
left, right, none
display
block; inline; list-item; none
left
The left position of an element
Media Types
overflow
How to handle content that
auto, length values [pt, in, cm, px]
all
overflows its box.
top
The top position of an element
braille
visible, hidden, scroll, auto
auto, length values [pt, in, cm, px]
embossed
visibility
visible, hidden
handheld
position
static, relative, absolute
print
z-index
Above or below overlapping elements
projection
Font
auto, integer [higher numbers on top]
screen
font-style italic, normal
speech
font-
normal, small-caps
Background
tty
variant
tv
background-color Colour of background
font-
bold, normal, lighter, bolder,
background-image Background image
Units
weight
integer [100-900]
background-repeat repeat, no-repeat, repeat-x, repeat-y
Length
font-size
Size of the font
%
background-
Background image scrolls with element
em
font-family Specific font[s] to be used.
attachment
scroll, fixed
pt
background-
(x y), top, center, bottom, left, right
px
Text
position
Keywords
letter-spacing Space between letters
bolder
List
lighter
line-height
Vertical space between baselines
larger
text-align
Horizontal alignment
list-style-
Type of bullet or numbering in the list
text-
blink, line-through, none,
type
disc; circle; square; decimal; lower-roman;
decoration
overline, underline
upper-roman; lower-alpha; upper-alpha; none
text-indent
list-style-
First line indentation
Position of the bullet or number in a list
position
inside; outside
text-
capitalise, lowercase, uppercase
transform
list-style-
Image to be used as the bullet in the list
vertical-align Vertical alignment
image
word-spacing Spacing between words
© 2007 Go Squared Ltd.

Download
CSS Help Sheet

 

 

Your download will begin in a moment.
If it doesn't, click here to try again.

Share CSS Help Sheet to:

Insert your wordpress URL:

example:

http://myblog.wordpress.com/
or
http://myblog.com/

Share CSS Help Sheet as:

From:

To:

Share CSS Help Sheet.

Enter two words as shown below. If you cannot read the words, click the refresh icon.

loading

Share CSS Help Sheet as:

Copy html code above and paste to your web page.

loading