What is CSS language

C.S.S. stands for Cascading Style Sheets; documents which contain styling rules for applying to HTML (or XML, along with a few other structural formats). Multiple style rules can point to one HTML element, in which case there needs to be a way to determine which rule should take effect. The term cascadingdescribes the process of filtering down from general rules, until the most specific rule is encountered. That rule is then chosen to do its work..

Through CSS, presentation can be separated from structure. It solves the need for mashing styling rules in amongst HTML, like this;

CSS is read by web browsers. They take the markup document, then they apply the styling rules to the elements within that document.

They don't always interpret style rules the same as each other, and as browsers develop so too does their support of newer styling proposals. It's often the browser manufacturers themselves who experiment with CSS properties, in the hope that their suggestions will be adopted by users.

Syntax

CSS syntax comprises a few fundamental pieces; rules, selectors, declarations, properties and values.

How does CSS actually work?

When a browser displays a document, it must combine the document's content with its style information. It processes the document in two stages:

1. The browser converts HTML and CSS into the DOM (Document Object Model). The DOM represents the document in the computer's memory. It combines the document's content with its style.
2. The browser displays the contents of the DOM.

CSS Colors

Colors in CSS can be specified by the following methods:

• Hexadecimal colors
• RGB colors
• RGBA colors
• HSL colors
• HSLA colors
• Predefined/Cross-browser color names

        css properties

A/B	accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior	border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width	border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom
C	caption-side clear clip color	content counter-increment counter-reset	cue cue-after cue-before cursor
D/E	direction display	elevation empty-cells
F	filter float	font font-family font-size font-size-adjust	font-stretch font-style font-variant font-weight
H/I	height	ime-mode include-source
L	layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing	layout-grid-line layout-grid-mode layout-grid-type left letter-spacing	line-break line-height list-style list-style-image list-style-position list-style-type
M	margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width	-moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors	-moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select
O	orphans	outline outline-color outline-style outline-width	overflow overflow-X overflow-Y
P	padding padding-bottom padding-left padding-right padding-top	page page-break-after page-break-before page-break-inside pause pause-after pause-before	pitch pitch-range play-during position
Q/R	quotes -replace	richness right	ruby-align ruby-overhang ruby-position
S	-set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress	scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color
T	table-layout text-align text-align-last text-decoration text-indent	text-justify text-overflow text-shadow text-transform	text-autospace text-kashida-space text-underline-position top
U/V	unicode-bidi -use-link-source	vertical-align visibility	voice-family volume
W/Z	white-space widows width	word-break word-spacing word-wrap writing-mode	z-index zoom

Boring Copyright Stuff....

CSS Stylesheet Template

Raw

 css-stylesheet-template.css

	/****************************************************************
	-------------------------- GENERAL ------------------------------
	****************************************************************/
	html {}
	body {}
	a {}
	/****************************************************************
	-------------------- MAIN STRUCTURE -----------------------------
	****************************************************************/
	#container {}
	#header {}
	#content {}
	#maincol {}
	#sidecol {}
	#footer {}
	#copyright {}
	/****************************************************************
	----------------------------- HEADER ----------------------------
	***************************************************************/
	/* -- ***** Main Navigation
	---------------------------------------------------------------*/
	#mainnav {}
	/* --***** Secondary Navigation
	---------------------------------------------------------------*/
	#subnav {}
	/****************************************************************
	----------------------- MAIN COLUMN -----------------------------
	****************************************************************/
	#maincol {}
	/* -- ***** Home Page
	---------------------------------------------------------------*/
	#bd-home {}
	/* --***** About Page
	---------------------------------------------------------------*/
	#bd-about {}
	/* --***** Photography Page
	---------------------------------------------------------------*/
	#bd-photography {}
	/* --***** Contact Page
	---------------------------------------------------------------*/
	#bd-contact {}
	/****************************************************************
	-------------------- SIDE COLUMN --------------------------------
	****************************************************************/
	#sidecol {}
	/****************************************************************
	-------------------- FOOTER & COPYRIGHT-------------------------
	****************************************************************/
	/* --***** Footer
	---------------------------------------------------------------*/
	#footer {}
	/* --***** Copyright
	---------------------------------------------------------------*/
	#copyright {}
	/** -------------Third Level ---------- **
	/* -- fourth level-- */