Reading Time: < 1 minutes

How To Link CSS File To HTML

There are three ways

  • Inline CSS
  • Internal CSS
  • External CSS

1. Inline CSS

Inline CSS contains the CSS property in the body section attached with element is known as inline CSS.

<p style="color:red;">This is paragraph.</p>


  • CSS added within the HTML tag (p), color of text will be red. used to apply a unique style for a single element.

2. Internal CSS

The internal style is defined inside the <style> element. inside the head section.

  • Internal CSS used if one single HTML page has a unique style.
.skip-link.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .skip-link.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }