css style sheets Resources and Tips  for Webmasters

Home   Free Templates with Membership   Get Website Traffic   Tips for Webmasters

Webmasters Proft Pak Make money online with your own Intenet Business Websites Businesses for Sale


TIPS FOR WEBMASTERS

CSS, Cascading Style Sheets - Cheat Sheet


Example Font Properties Color & Background Text Box Classification
	/*
	 *	example style sheet; include in documents via
	 *	  <LINK rel="stylesheet"
	 *		type="text/css"
	 *		media="screen"
	 *		href="/this/file.css">
	 *	in the header of the document
	 */

	/* elements common to all pages: */

	BODY, TABLE, TH, TD {
		background: silver url(/culture/Icons/gray-parchment.gif);
		font-family: "Lucida Sans Unicode", Arial, Geneva, 
		Helvetica, sans-serif;
		color: black;
		font-size: medium;
	}

	P {
		font-family: "Lucida Sans Unicode", Arial, Geneva, 
		Helvetica, sans-serif;
	}

	H1 {
		font-family: "Lucida Sans Unicode", Arial, 
		Helvetica, Geneva, sans-serif;
		font-size: x-large;
		color: #666699;
		text-align: center;
	}

	A:link, A:visited, A:active, A:hover {
		color: #111166;
	}

	.special {
		font-style: italic;
		font-weight: bold;
	}

Example Font Properties Color & Background Text Box Classification
font-family: 
	[[<family-name> | <generic-family>], ...]

font-style: 
	normal | italic | oblique

font-variant: 
	normal | small-caps

font-weight: 
	normal | bold | bolder | lighter | 100 | 200 
	| 300 | 400 | 	500 | 600 | 700 | 800 | 900

font-size: 
	xx-small | x-small | small | medium | large |
	 x-large | xx-large 
	| larger | smaller | <absolute-size>

font: 
	<font-style> || <font-variant> 
	|| <font-weight>?	<font-size>
	 [/<line-height>]?<font-family>

Example Font Color & Background Properties Text Box Classification
color: 
	<color>

background-color: 
	<color>

background-image: 
	url(web-link)

background-repeat: 
	repeat | repeat-x | repeat-y | no-repeat

background-attachment: 
	scroll | fixed

background-position: 
	<percentage> | <length>{1,2} 
	| [top | center | bottom] |
	| [left | center | right]

background: 
	<background-color> || <background-image> 
	|| <background-repeat> 
	|| <background-attachment> 
	|| <background-position>

Example Font Color & Background Text Properties Box Classification
word-spacing: 
	normal | <length>

letter-spacing: 
	normal | <length>

text-decoration: 
	none | [underline || overline || line-through || blink]

vertical-align: 
	baseline | sub | super | top | text-top | middle | bottom 
	| text-bottom | <percentage>

text-transform: 
	none | capitalize | uppercase | lowercase

text-align: 
	left | right | center | justify

text-indent: 
	<length> | <percentage>

line-height: 
	normal | <number> | <length> | <percentage>

Example Font Color & Background Text Box Properties Classification
margin-top: 
	<length> | <percentage> | auto

margin-right: 
	<length> | <percentage> | auto

margin-bottom: 
	<length> | <percentage> | auto

margin-left: 
	<length> | <percentage> | auto

margin: 
	[<length> | <percentage> | auto]{1,4}

padding-top: 
	<length> | <percentage>

padding-right: 
	<length> | <percentage>

padding-bottom: 
	<length> | <percentage>

padding-left: 
	<length> | <percentage>

padding: 
	[<length> | <percentage>]{1,4}

border-top-width: 
	thin | medium | thick | <length>

border-right-width: 
	thin | medium | thick | <length>

border-bottom-width: 
	thin | medium | thick | <length>

border-left-width: 
	thin | medium | thick | <length>

border-width: 
	[thin | medium | thick | <length>]{1,4}

border-color: 
	<color>{1,4}

border-style: 
	[none | dotted | dashed | solid | double | groove 
	| ridge | inset | outset]{1,4}

border-top: 
	<border-top-width> || <border-style>
	 || <color>

border-right: 
	<border-right-width> || <border-style> 
	|| <color>

border-bottom: 
	<border-bottom-width> || <border-style>
	 || <color>

border-left: 
	<border-left-width> || <border-style> 
	|| <color>

border: 
	<border-width> || <border-style>
	 || <color>

width: 
	<length> | <percentage> | auto

height: 
	<length> | auto

float: 
	left | right | none

clear: 
	none | left | right | both

Example Font Color & Background Text Box Classification Properties
display: 
	block | inline | list-item | none

white-space: 
	normal pre nowrap

list-style-type: 
	disk | circle | square | decimal | lower-roman 
	| upper-roman | lower-alpha | upper-alpha | none

list-style-image: 
	url(web-link) | none

list-style-position: 
	inside | outside

list-style: 
	<list-style-type> || <list-style-position>
	 || url(web-link)


Tips for Webmasters: Easy Way To Take Credit Cards Online. Paypal no longer requires membership

css cheats.
Web Tools an Tips for Webmasters:
Are you interested in updated information on work at home jobs, hot web marketing tools & tips, web development tools, cgi scripts, perl scripts & vital information about hosting ( free and paid ) & servers
Subscribe

Copyright ©2005 webmastersprofitpak.net. All rights reserved.