Evils of Inline

Here are some disadvantages associated with inline styles:

• HTML file size
  • Your HTML code will weigh more, i.e., a web page riddled with similar code will have a kb size that is a lot larger than necessary.
  • That increases the time that it takes for the page to load.
• Lack of caching
  • External CSS files are cached by the visitor's web browser after the first visit – this means that instead of loading a lot of superfluous HTML code for every page in your web site the visitor visits, it will quickly retrieve all style and interaction locally from the web browser cache.
• Difficult maintenance
  • When it comes to making changes to the CSS, having CSS in one centralized location is a lot more preferable than changing exactly the same kind of CSS snippets spread all over the files in the web site.