As with most products, HTML coding evolves and improves into new versions. The "normal" or regular HTML coding that people are used to is version 3.2. The current version available to use is version 4. Version 4 is mainly suited to work in a browser that is version 4 or above.
CSS or Cascading Style Sheets are command tags used to format web page text, objects, and layout. As HTML4 was introduced, CSS became an important part of it.
HTML4 and CSS have the same browser problems as the previous version. Compatibility. Different browsers will understand only certain tags. What works in one, may not work at all in another. If two browsers do understand the same tag, they may or may not produce different results. Test, test, test.
Benefits to CSS:
- Save time. Set up a particular FONT or STYLE for each type of HEADER, or other command type in one spot. Take out all those FONT tags on all those lines!
- Quick edits. How about changing all the colors or sizes for the whole page on one or two line changes? Don't worry about having to search through all that code to see if you've missed a tag.
- Quick loading. Taking out all that code can do some considerable shortening of your page code. Did you know it takes less time for your page to load when the code itself is smaller?
An organization known as W3C creates all of the current and potential HTML/CSS tags, properties, and values. The browser companies have meetings to decide which tags will work in their browsers and what the end results will be. This is why certain tags work in some, one, or none of the browsers. Maybe someday they will all agree and have all the tags work in all the browsers and produce relatively the same result.
Some current listings have been marked as deprecated. As new versions of browsers and HTML appear, these tags and properties are slowly (very slowly) going to be taken out of service. Items with a star* have some allowable instances to be active.
Table of Contents
Learn More About CSS
Learn about one of the ways to add css styling -- adding css inline within your HTML.
Learn about how to make comments in CSS files.
Learn about how you can use CSS to style ordered and unordered lists.
Learn about how you can add CSS styles directly in your HTML elements with the style property.
Learn about all about one of the most common ways of using CSS -- embedding the CSS in the head section of the HTML.
Learn about how to style the background of a website with CSS.
Div & Span
Learn about divs and spans, two HTML elements used to divide up content.
Learn about how to apply styles to your HTML links.
Learn about font styling in CSS and the nuances of making your typography pixel-perfect.
Learn about how spacing can be used
Learn about Cascading -- the fundamental concept and the "C" in "CSS".
Learn about the art of positioining HTML elements using CSS.
ID & Class
Learn about how ids and classes are used to specify which elements should have CSS applied to them.
Learn how you can change the alignment, color, indentation, and more of your HTML elements with text-style.
Learn about how to style your users' cursors using CSS.
Learn about adding scrollbars to your website with CSS.
Learn how you can import (external) CSS files within your HTML files to separate the styles of your website from the structure of your website.