Style Sheets
  Home arrow Style Sheets arrow Page 3 - Learn CSS, part 1
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Dedicated Servers  
Moblin 
JMSL Numerical Library 
IBM® developerWorks 
Sun Developer Network 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
STYLE SHEETS

Learn CSS, part 1
By: Michael Youssef
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 31
    2005-05-16

    Table of Contents:
  • Learn CSS, part 1
  • CSS Specifications and Implementations
  • Browsers we are going to use
  • The HTML vs. CSS example
  • CSS rules and selectors
  • Groups of Selectors
  • Validating your CSS Documents

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Learn CSS, part 1 - Browsers we are going to use


    (Page 3 of 7 )

    We will talk about CSS and browsers that support CSS in this series, but right now we need to know which browsers we are going to use to test our CSS code.

    Microsoft Internet Explorer is the most well-known Internet browser and more than 80 percent of Web surfers use it. Currently the latest version of Microsoft Internet Explorer is version 6. Microsoft integrated IE 6 into the Windows Operating System. IE 6 does not support the latest CSS features, and though IE 7 is on its way, it remains questionable as to whether it will support CSS any better than its predecessor. You have to ask yourself "How can I develop a website that uses the most up-to-date CSS features and more than 80 percent of the people who visit the site will not be capable of using it?" You need to know what features Microsoft Internet Explorer supports and what it doesn't support. When it's appropriate I will tell you, so you can develop your websites to be compatible with the features that IE 6 supports.

    There is another good browser. It's the Mozilla 1.7 browser, which has been used by about five percent of of Web surfers, and its user numbers continues to climb. The Mozilla browser supports most of the features introduced for CSS. When you download the browser, you will also receive an HTML editing tool, an Internet Relay Chat tool and an advanced e-mail and newsgroup client.

    These features are not as attractive to Web users (though they attract us as Web designers and developers), so the Mozilla Organization released another browser called Firefox, which is merely a Web browser (without the advanced features of the full Mozilla software package). Both browsers use the Gecko engine to deliver Web pages. The Gecko engine is used in both Netscape browsers and Mozilla browsers, so Mozilla 1.7 and Firefox 1.0 both use Gecko, and therefore they boast the same support for CSS.

    There are many other browsers, such as Opera, but I will be using Mozilla Firefox 1.0 and Microsoft Internet Explorer 6 for the code examples in this series. I know you would say right now "Enough dry text, I need to code." Okay, let's meet CSS and start coding.

    More Style Sheets Articles
    More By Michael Youssef


       · Pretty basic stuff; certainly not bad, though.You can find another (slightly...
       · Hello, I have wrote 10 articles in my Learn CSS Series and most of them have...
       · I have written the following articles in the CSS series in the following order1-...
       · As strictly a web designer (not coder!) that relied on Dreamweaver/HTML for small...
       · W3 is strictly show-and-tell. It doesn't explain the concepts presented. Units of...
     

    STYLE SHEETS ARTICLES

    - Swapping Column Positions in Web Page Layout...
    - Creating Web Page Layouts with Negative Marg...
    - Creating Gradients for Individual Containers...
    - Creating Gradients for Web Page Headers with...
    - SEO Scrolling Frames Problem Solved
    - Building Cross-Browser Background Effects wi...
    - CSS: Pseudo
    - Using PNG Images to Build Background Effects
    - CSS: Continuing the Clarification of CSS Cla...
    - CSS: Top Secret Classification
    - CSS: Dimensions
    - CSS: Margins and Padding
    - CSS: Crossing the Border
    - CSS: Text, Fonts, and Tables
    - CSS: Working with Text







    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway