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

<!-- Linking External Style Sheets -->
<head>
   <link rel="stylesheet" href="css/style.css" />
</head>

<!-- Embedded Style Sheets -->
<head>
   <style>
      body {
         background-color: YellowGreen;
      }
      h1 {
         color: blue;
      }
      p {
         color: red;
      }
   </style>
</head>

<!-- Inline Styles -->
<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>

Tags:

Misc Example