CSS, How to Padding Padding and more Padding

August 24th, 2009

Padding can be applied to the outside edges of the content area of any block level or inline element. Padding creates the space between the edge of the element and its content. Like margins, padding can be applied to individual sides of a box. p {padding: 10px} h1 {padding-top:0px} h2 {padding-right:5px} h2 {padding-bottom:7px} h3 {padding-left:10px} Padding can alse be applied using a single shorthand property Read More...

CSS, How to deal with background color and images.

August 23rd, 2009

The background-color property sets the background color of an element. The backgound-image property applies a background image to an element, which will appear on top of any background-color. body { background-color:#000 } h1 { background-image:url(header.png); }

CSS, How to use Descendant Selectors

August 5th, 2009

Sample HTML <body> <div id="content"> <h1> Heading Here </h1> <p> Lorem ipsum dolor sit amet. </p> <p>Lorem ipsum dolor <a href="#">sit</a> amet.</p> <div> <div id="nav"> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> </ul> </div> <div id="footer"> Lorem ipsum dolor <a href="#">sit</a> amet Read More...

How to use CSS Rules

July 31st, 2009

In this “CSS How To Tutorial”, you will learn the syntax and rules of the Cascading Style Sheet (CSS) language. You will learn the components of CSS rules, including selectors, declarations, properties, and values. You will learn how to style a series of simple HTML elements. You will also learn how to use shorthand properties Read More...