Using CSS will make styling standard across many browsers and also make styling easier. However, not all browsers will respond the same for all CSS specifications. This is because not all browsers decided to add in support for all approved CSS specifications. Here are some tips to help ensure that your style sheet will be supported on most currently used browsers. This will help your CSS development to be displayed as intended on most browsers.
Using a Reset Style Sheet:
Different browsers will have different sets of defaults for handling styles of HTML elements. For example, various margins and paddings that have been built in to browsers default style sheets. You can use a reset.css style sheet in order to remove or neutralize these inconsistencies. There are many common reset style sheets that you can download and use. Or you can make your own to customize your CSS Development. Just link your reset style sheet at the top of the HTML document and this will give you a style foundation that will be consistent across all browsers. Here are a couple of examples of common reset style sheets.
Using Compatibility Charts:
Referring to compatibility charts are a good way to see what CSS specifications are supported on which browsers. This will allow you to determine how backwards compatible you would like to be when implementing your CSS Development. For example, Child and Sibling Selectors are not supported on Internet Explorer 6 or less. Here are some good examples of some compatibility charts to refer to.
Keep in mind these two tips and this will help you standardize your CSS development so that you will get desired results across all Grade-A browsers.