how to use css with html code example

Example 1: how to link css to html

<link rel="stylesheet" href="styles.css">

Example 2: add css file to 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 3: adding css to html

<head>
  <!-- Linking external Css document -->
  <link rel="stylesheet" href="styles.css">
  
  <!-- Writing Css inside HTML element -->
  <style>
    ...
  </style>
</head>

Example 4: how to link css to html

<link rel="stylesheet" href="PathToYourFile.css">

Example 5: CSS IN HTML

<!-- Styles can be inserted in html using <style></style> element -->
<style>
	body {
    	background-color: cyan/*Color*/; 
  	}
</style>

<!--CSS can also be linked using link tag in html 
-the link tag is a self-closing tag-->

<link rel="stylesheet" type="text/css" href="filename.css"/>

Example 6: CSS IN HTML

<!-- There are 3 ways to do this-->

<!-- #1: Inline CSS-->
<h1 style="color: red;">Red Heading</h1>

<!-- #2 Element CSS-->
<style>
  h1 {
    color: red;
  }
</style>
<h1>Red Heading</h1>

<!-- #3 Stylesheet CSS-->
<link rel="stylesheet" href="[stylesheet link]">

Tags:

Html Example

Recent Posts