Article Discussion: The Power of CSS

CSS or cascading style sheets are used to create a set of styles that can be applied to your fonts, tables and most other attributes of your web page. These styles allow you to create a much cleaner, faster web page that search engines love and also makes life much easier on the designer when global changes to these styles need to be applied. It is also always critical to always keep in mind your target audience and the average Internet connection speed these users have. By using styles sheets to their full advantage, you can help keep your web page size down to a minimum.


Read the full article here: [http://www.devarticles.com/c/a/Styl...wer-of-CSS/]The Power of CSS[/URL]

For cross-browser buttons, you need to make the buttons display as block-level element (or it won't take the height value). Also, if you want to vertically center the text in all browsers, you should really use line-height. Line height can be its own parameter or combined with font family, style, weight, size etc. in a parameter called "font" preceeded by a "/" and following the font-size (in this case 1em). Finally, background properties can be combined in "background".

For ease of maintenance, repeating values can be grouped in a catch-all css rule as well.

Here's what I would write:



Of course, using Pixy's Fast Rollovers (URL), you could make you code even more compact. For good tabbed links as well, check out The Sliding Doors of CSS (Part 1: URL; Part 2: URL).

One final note: the only way to ensure all of this works nicely is to make sure you define the DOCTYPE for your HTML or XHTML page.

This is a nice introduction to the power of Style Sheets. I would strongly recommend a few other sites for more detail into CSS depth and especially the Browser Conflicts:
Tutorials:
http://www.artypapers.com/csshackpile/
http://www.alistapart.com/
http://css.maxdesign.com.au/floatutorial/
http://www.maxdesign.com.au/presentation/liquid/
http://www.maxdesign.com.au/present...ocess/index.cfm
http://css.maxdesign.com.au/selectutorial/

Resources:
http://webstandardsgroup.org/
http://westciv.typepad.com/standards/
http://webstandards.org/buzz/
http://www.cssvault.com/
http://www.csszengarden.com/
http://www.desertstandard.com/

Corporate Sites using CSS:
http://www.espn.com
http://www.wired.com

It would be nice to have a little discussion about the impact of using CSS on search engine friendly web pages

Hi Deja,

Have a look at this forum:
http://www.highrankings.com/forum/i...p?showtopic=359

I tried to find something on DevShed's sister site seochat.com but the search results for: css +seo came up blank.