Code Snippets
Common Styles
/* Common Styles */
* {margin: 0px; padding: 0px;}
body {font-family: Arial, Helvetica, sans-serif; font-size: medium;}
/* Method for easy clearing of floats http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End Hide from IE Mac */
/* Misc styles */
.floatLeft {float: left;}
.floatRight {float: right;}
.leftImg {margin-right: 10px; margin-bottom: 10px; padding: 4px; background: #fff; border: solid 1px #eee;}
.rightImg {margin-left: 10px; margin-bottom: 10px; padding: 4px; background: #fff; border: solid 1px #eee;}
.textRight {text-align: right;}
.textLeft {text-align: left;}
.textCenter {text-align: center;}
small {font-size: 80%;}
.error {color: #ffeb46 !important; font-weight: bold;}
.center {margin-right: auto; margin-left: auto;}
.outline {padding: 5px; background: #fff; border: solid 2px #fff;}
Meyer Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
Starting HTML Doc – Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
jQuery
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function () {
//what do you want to do;
});
});
</script>