Overview

• About Me
• Magical CSS Tricks
• Questions?

• Leland Fiegel
• Theme Lab
• WordPress/HTML/CSS

• 
  .selector {
  	padding-top: 0px;
  	padding-right: 0px;
  	padding-bottom: 0px;
  	padding-left: 0px; 
  	}

• 
  .selector {
  	padding: 0; 
  	}

• That's it!

• .selector { padding: top right bottom left; }
• TRouBLe
• .selector { padding: top right/left bottom; }
• .selector { padding: top/bottom right/left; }

• div { margin: 0 auto; width: 500px; }
• div { margin-left: auto; margin-right: auto; }
• You need to use a fixed width. Or display:block; on images.
• Don't use <center>. It's lame.

• background
• border
• font

• .post-title { text-transform: uppercase; }
• Can also use "lowercase" and "capitalize"

• .rounded-corner { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
• Cool generator at border-radius.com
• Not supported in IE until version 9
• http://dowebsitesneedtolookexactlythesameineverybrowser.com/

• .blueftw { color: blue; background: blue; }
  .everythingblue { color: blue; background: blue; }

• Could be accomplished also with…
• .blueftw, .everythingblue { color: blue; background: blue; }

• ::selection { background: #ffb7b7; /* Safari */ }
  ::-moz-selection { background: #ffb7b7; /* Firefox */ }

• http://css-tricks.com/490-overriding-the-default-text-selection-color-with-css/
• Again, http://dowebsitesneedtolookexactlythesameineverybrowser.com/

Questions?