CSS How To's

CSS Tips n Tricks for Beginners

CSS is used to control the presentation and appearance of web pages.  The way we do this is by creating Style Rules and applying these Style Rules to the HTML page elements.  Fortunately, Expression Web simplifies this process and makes the creation of CSS styles a little easier.

Yet, you have to know what each CSS Property does, and in which situations each property is appropriate.  Therefore, CSS Tips of the Week is going to help you figure all that out.

Also, be aware that we have 2 different versions of CSS that we can use. 

• CSS 2.1 is the current Web Recommendation and is the version we will use most of the time because it is widely supported by most web browsers.  (CSS 2.1 has replaced CSS 1.  It is best to avoid CSS 1 all together.)  
• CSS 3 is the other version we can use.  For instance, rounding corners of page elements without the use of an image is done with CSS 3.  The only problem with CSS 3 is there is Internet Explorer.  All versions of Internet Explorer have ZERO CSS 3 Support.  Therefore, we have to use an alternative method to render certain effects in Internet Explorer.  (Note: IE9 does support box-shadows and border-radius properties.)

 

CSS How To's

1. How to Center a Web Page (center a div)
2. What is a div tag?
3. How to Remove the ugly outline around Hyperlinks
4. How to remove gaps in your layout
5. How to Make a Tooltip
6. How to make a Paragraph
7. How to Make Rounded Corners
8. How to use CSS 3 Opacity
9. How to Make HTML Contact Form (Using CSS to Style Forms)