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.
How to link CSS to 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.