HCSS Styling

hcss.css

===  HCSS Code Styling ===

	1. Inline Styles ------------------------------------------------------------------

		.content{ width:100px; height:100px; display:block; position:relative; left:-5px; top:-5px; float:none; margin:0; padding:20px; background:transparent url("../images/bkg.jpg") no-repeat center center; color:#000; ....}

		Order --> Widht - Height / Display / Position / left, right, top, bottom / float / margins / paddings / background / color / text types / CSS3 features (text-shadow/ border radius / box-shadow) / opacity / overflow / z-index
		basically is:
		1 - dimensions/structural/positioning - background and font style - the rest
	

	2. CSS Identation -----------------------------------------------------------------
	
		.content{}
			.content .block{}
				.content .block h1{}
				.content .block p{}
				.content .block .div-name{}
				
				
		.footer{}
			.footer p{}
			.footer a{}
				.footer a:hover{}