CSS: Benefits of External CSS Styles

What are External CSS Styles?
External Styles are the css styles which are placed in a separate file with css extension. Most of the sites over the internet use External Styles since it has many benefits. I just want to discuss what are the benefits.

Below is a list of benefits of External Styles:

1. One external style sheet only, and not the markup.
2. Sitewide style changes are one-sheet.
3. Once the browser accesses the style sheet, it is cached and need not be downloaded.
4. Pages gets rendered faster due to style sheet caching.
5. Saving on bandwidth due to style sheet caching.
6. One CSS file replacing the same or similar code that would be needed in each and every (X)HTML page if working with embedded CSS.
7. Markup can be devoid of any presentational information, keeping it lean and content-only.

Hope you have got a better idea of External style sheets.