how to connect style.css to html code example
Example 1: how to link css to html
<link rel="stylesheet" href="styles.css">
Example 2: connect html file to css
<head>
<link rel="stylesheet" href="styles.css">
</head>
Example 3: add stylesheet html
<link rel="stylesheet" type="text/css" href="style.css">
Example 4: add stylesheet to html
<head>
<link rel="stylesheet" href="css/style.css" />
</head>
<head>
<style>
body {
background-color: YellowGreen;
}
h1 {
color: blue;
}
p {
color: red;
}
</style>
</head>
<h1 style="color: red; font-size: 30px">This is a heading</h1>
<p style="color: green; font-size: 18px">This is a paragraph.</p>
<div style="color: green; font-size: 18px">This is some text.</div>
Example 5: add css file in html
/*
Adding css file into html document
*/
<link rel="stylesheet" type="text/css" href="yourstylesheetname.css"> /* add this line into head tag of the file with change in file name. */
/*
I hope it will help you.
Namaste
*/
Example 6: how to like css to html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="path of your file" />
</head>
</html>