In this article, we will learn how to link CSS to HTML. Linking CSS to HTML is a must for every size of the project. Resource linking is at the heart of HTML and CSS is a very important resource file.

Also Read- Top 9 awesome form attributes in HTML

What is CSS?

CSS stands for Cascading style sheets. To give style to the HTML element we use CSS. CSS is a cornerstone for HTML.

Linking a CSS file to HTML is simple and easy. We use the link tag to link the CSS file to HTML. The syntax is simple and provided below

<link rel="stylesheet" href="style.css" />

Here we used the rel attribute to specify the relationship type. The relationship is stylesheet. Next, we used the href attribute to reference the CSS file location along with its name.

href stands for HyperText Reference.

We must put the link tag in the head tag of the HTML file. Like below

<html>
  <head>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body></body>
</html>

One more important thing to remember before linking the file. You must share this post with others.