CSS
XHTML
STRICT
Transitional
Frameset
DTD
Mark-Up

CSS & XHTML

This is an example of what can be achieved through style sheets with very little effort.

I researched this using my Cascading Style Sheets: The Definitive Guide text book, my existing knowledge from a previous e-Class and the W3 Schools website.

Having learned how to use style sheets, I am of the opinion that they cut down on file sizes, coding time and complexity. Before style sheets existed, each element needed to have a "style" declared for it everytime it was used. The main reason for this is that HTML was never meant to be a presentational language but a structural framework to present text documents in a logical manner.

Today I learned more about how to use the z-index property to layer my elements, this being especially important when using positioning. The z-index allows elements to be layered one on the other and the order of the layering defined and controlled through a numeric value.

I tested this page both in IE6 and Opera 6. It displayed well in both, however differently. It looks best in IE6 however it is still appealing in Opera. I do not have Netscape installed.

Valid XHTML 1.0!

Valid CSS!