Zeronese, Inc.
Home
Help & Support
Contact Us
Webmaster ResourcesArticle Details
 

Teach Yourself CSS The Easy Way

Date Added: February 05, 2007 11:59:37 PM
Author: Erich Bihlman
Category: Tips and Tutorials: CSS Tips and Tutorials

I taught myself HTML back in the mid-nineties and was proud of the fact that I was able to accomplish the design of fairly complex web pages with nothing more than a starter HTML book, an HTML reference book, and the knowledge I had stored in my head. But back in those days, we web designers had what looking back was a fairly limited amount of tools with which to work, and the quality (or lack thereof) of sites on the web was lackluster at best.

Fast-forward to today: The hand-coder has more powerful and intuitive software packages available that will still allow us ""to get our hands dirty"", which brings us to the purpose of this article. With the standardization of the much anticipated Cascading Style Sheets (CSS) in the late-nineties, the web design community has become familiar with a much more powerful and precise method of web page layout.

""But how is an old-time web coder supposed to learn CSS the easy way?!"" Well, I say you should learn it the way I, and countless others, have:

1. Download the Firefox browser

2. Install the Web Developer extension

3. Open one of your ""old"" HTML files

4. View the source, click the ""Cleanup the page"" button

5. Check the ""replace FONT.....tags by CSS"" box, then Refresh

Now you have a very neat and tidy piece of code, with all the CSS dirty work done for you! At this point you can copy & paste the resulting code and use it in your project and start figuring out what it's doing. I was amazed at how easily I was able to pick it up and start making changes on my own. When I wanted more information on a certain style it was a just a Google search away to many excellent CSS resources on the web. I find it much easier to learn CSS if I get to apply the modifications to the existing code that I've been working on, and I think you will too.

I hope you find this article helpful and if you follow these steps you should be able to add CSS to your web site design toolbox in no time!

About the Author:

Erich Bihlman, of Bihlman Consulting - PC and Internet Tutoring and Website Design in Prescott, Arizona. http://www.bihlman.com For additional helpful articles visit http://www.bihlman.com/iqzone
 
RELATED ARTICLES & TUTORIALS
CSS Website Design

Cascading Style Sheets (or CSS for short) have slowly but surely become a website design standard over the past few years. It was not that many years ago that people used Frames to position their content across their web pages and Tables gradually replace


7 Compelling Reasons to Start Using CSS for your Website

If you haven't heard of CSS, it's short for Cascading Style Sheets. I'm not going to go through what it is. There are many free articles and resources about CSS out there in the wild wild web.


HTML Utopia - Designing Without Tables Using CSS

Sitepoint never disappoint when they publish a new book and HTML Utopia: Designing Without Tables Using CSS is no exception. It is a very well written book aimed at anyone who wants to design standards compliant, modern websites using CSS for layout.


CSS - Maximum Benefits

CSS is a simple file which controls the visual appearance of a Web page without compromising its structure. Using CSS we can control our font size, font color, link color and many other attributes on our web page. This will make our HTML code much more re


CSS Cursors - How To Use Them

One thing that CSS allows us to use for screen presentation are alternate cursors. This is not the idea of downloading or forcing a download of a cursor, as was done in the past (though that is possible as well), but instead, we use several built in conce


 
Ratings Average rating: (null votes)
Comments

No Comments Yet.


Leave your comment:
Name or Website:
Email:
Comment
Visual Confirmation Security Code

*Enter the code shown:  


The views and opinions of authors expressed on Zeronese Webmaster Article Directory web sites do not necessarily state or reflect those of the Zeronese.net .