CSS Cheat Sheet

Search Engine Optimization Tools

CSS Cheat Sheet


CSS Box Shadow

.shadow {
-moz-box-shadow:    3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow:         3px 3px 5px 6px #ccc;
}

Cool font stacks

Some of the various font stacks that have caught my eye over the years.

font-family: Oxford, Garamond, serif;
font-family: Torque, Tahoma, sans-serif;
font-family: Consolas, Monaco, Courier, monospace;
font-family: 'BPReplay Regular', Arial, sans-serif
font-family: Palatino, Georgia, Helvetica, sans-serif;
font-family: Consolas, Menlo, 'DejaVu Sans Mono', monospace;
font-family: Miso, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'myriad-pro-1', 'myriad-pro-2', HelveticaNeue, Helvetica, Arial, serif;
font-family: Monaco, 'Courier New', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
font-family: 'Verlag Condensed', 'Abadi MT Condensed', 'Futura Std Light Condensed', 'Futura Condensed', 'Gill Sans', 'Arial Narrow', Calibri, 'Trebuchet MS', Georgia, sans-serif;
font-family: 'calluna-1', 'calluna-2', 'Georgia', 'Nimbus Sans L', serif;
font-family: 'adelle-1', 'adelle-2', Georgia, serif;
font-family: 'ronnia-1', 'ronnia-2', sans-serif;

Source : https://perishablepress.com/code-snippets/#code-snippets_css


Pre styles for older Internet Explorer

These CSS styles target IE6 and IE7, respectively. When applied, scrollbars for

 tags will function decently in IE6/7.

/* IE6 and IE7 */
* html pre {
	padding-bottom: 25px;
	overflow-y: hidden;
	overflow: visible;
	overflow-x: auto;
	}
*:first-child+html pre {
	padding-bottom: 25px;
	overflow-y: hidden;
	overflow: visible;
	overflow-x: auto;
	}

Source: https://perishablepress.com/code-snippets/#code-snippets_css


About CSS Cheat Sheet