CSS Notes

Some Links

• Menu Tabs
• Form Design
• W3Schools Tutorial
• Maxdesign Tutorial
• CSSTutorial.net
• HTML.net CSS tutorial
• http://www.echoecho.com/css.htm
• http://www.htmlgoodies.com/beyond/css/
• http://www.tizag.com/cssT/

Reference Pages

• http://reference.sitepoint.com/css

Interesting Sites

• http://www.colorzilla.com/gradient-editor/
• http://www.colorzilla.com/gradient-editor/#f3c5bd+0,ea2803+30,ea2803+30,e86c57+50,ea2803+62,24c900+82,c72200+100;Custom

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,ea2803+30,ea2803+30,e86c57+50,ea2803+62,24c900+82,c72200+100 */
background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top, #f3c5bd 0%, #ea2803 30%, #ea2803 30%, #e86c57 50%, #ea2803 62%, #24c900 82%, #c72200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(30%,#ea2803), color-stop(30%,#ea2803), color-stop(50%,#e86c57), color-stop(62%,#ea2803), color-stop(82%,#24c900), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* IE10+ */
background: linear-gradient(to bottom, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */