If you want to get started with CSS, but you’re afraid that your customers will have browsers that don’t support advanced Cascading Style Sheet properties, you can use the properties in this list to be more confident that your pages will be viewable. These CSS properties cover most of the basic style sheet features, from text and fonts to color and backgrounds.
Safe Font Styles
Changing the look of fonts is one of the simplest things you can do with Cascading Style Sheets. And there are several CSS properties that work reliably across most CSS capable browsers.
This style property determines the family or font face of the selected text. You can define values such as generic font names like "serif" or specific font faces like “Arial”.
Defining the font size allows you to specify exactly how large or small the fonts should be within your web page.
Font-weight indicates the darkness or boldness of the text. To be safe, you should only use the property
font-weight : bold;
Font-style indicates the style of your text — generally this means italics.
The color of the font on your web pages is the most common thing to change. To be most compatible, you should use browser safe colors and use the hexadecimal codes, not the names.
The text-decoration property is most often used to remove underlines from links:
text-decoration : none;
Safe Text Styles
Text layout on web pages can be manipulated with CSS. This includes properties such as the alignment, decoration, and line height.
Leading is important to designers, especially if you’re used to print design. And with the line-height property, you can define this easily.
Align your text as centered, left or right aligned.
Your text will be indented either an exact amount or a percentage of the page width.
Safe Background Styles
It’s even possible to change the background colors on your pages (or tables) or even provide a background image.
Define the color of the background. As with font colors, you should use browser safe colors and use the hexadecimal codes, not the names.
Use a relative or absolute path URL to an image you’d like to have tiled in the background of your web page.
Using these style properties, you can be sure that your HTML documents will display correctly no matter what browser your customers are using.