Saturday, May 02, 2009

The Café Tutorial 8 & CSS letter-spacing Property

CSS letter-spacing property
<style  type="text/css">
#homepage {
margin: 40px;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 1.9em;
}
h1, h2 {
color: #5ed2f8;
text-transform: uppercase;
letter-spacing: 0.1em;
}
</style>



Café History:
After letter-spacing and text-transform properties applied.

How line-height and font properties changed the document. After adding the 40 pixel margin. Before adding the 40 pixels, our document looked like this. Just to remind you what XHTML can do, we started out with text running into each other.

Post a Comment

Note: Only a member of this blog may post a comment.