Styling header tags


show more Styling header tags provides you with in-depth training on Web. Taught by Laurie Burruss as part of the Creating a CSS Style Guide: Hands-On Training show less
please wait ...

Styling header tags

Using the padding and margins correctly really helps to make the page look like a page. When I'm starting to work on a page and try to get the balance between the layout and the styling, I always try to nail the layout before I start doing the styles within the document. My rule of thumb is if you don't know how to start styling a document, work from the outside in. So we have styled the body, we have styled the content div and now we are ready to go in and style the elements that we set up semantically in the HTML document.

The first things that I would like to style will be the headers, h1, h2, h3. This is really easy to do inside of Dreamweaver. Simply place your I-beam in the first header, h1. This is our main header. Return to the CSS panel and select New CSS Rule. When the New CSS dialog box opens we are only interested in creating a style for the h1 tag. So for selector type, choose Tag. Notice that we are just right where we want to be because our I-beam is in that are...

Styling header tags
Video duration: 5m 34s 3h 31m Beginner

Viewers:

Styling header tags provides you with in-depth training on Web. Taught by Laurie Burruss as part of the Creating a CSS Style Guide: Hands-On Training

Subject:
Web
Software:
CSS
Author:
please wait ...