Inline CSS

Inline CSS uses the style attribute to apply CSS to a single HTML element.

Example:

<!DOCTYPE html>
<html>
<body>
<h1 style="color:crimson;font-family:cursive;">Hello World!!</h1>
</body>
</html>

Explanation:

In the above example, we used the style attribute to add CSS to a single HTML element.

Disadvantages of Inline CSS:

  • Within the inline CSS, quotations can be used, because the browser will interpret this as an end of the style value.
  • The inline CSS cannot be reused anywhere else.
  • The inline CSS can not be stored in a single place and so the styles are tough to be edited.
  • Styling of the pseudo-codes and pseudo-classes is not possible with inline CSS.
  • Browser cache advantages are not facilitated by Inline CSS.