Checklist Overview

 

Checklist Continued

 

Video Tutorials

 

  •   

CSS & HTML Tutorials

 Training DVDs & Products

 

 

 

 


CSS Tips & How To's

1.  How to Remove Default Margins from Your Layout

How To Remove Default Margins from a Layout

Basically what we're doing here is removing the small area of white space commonly seen at the top of a web page, just above the layout. 

Here is the Style Rule that will remove the default margins:
body {margin:0; padding:0;}

We usually start off a layout by styling the body.  To do this, click New Style - Make the Selector body - Define in: Existing Style Sheet - Choose your style sheet and check the box.  Find the Margin and Padding Properties and type zeros for all four sides.  Click OK.  Save it.

This is the default margin that web browsers apply to our pages.  We can remove this default margin which will remove the white space above the layout.

 

video

Watch the Video:  Removing Default Margins

 

 

 

 

 

 

 

How to Remove the Outline From Hyperlinks

 

Remove Outline from Hyperlinks

Have you ever noticed that ugly outline when you click on a hyperlink as you surf a web page?  Well, we can remove that outline using one CSS Style Declaration.

 * {outline: none;}

You will need to write this style directly onto your style sheet.  Or, copy n paste it onto your External Style Sheet.