how to add css code in html code example

Example 1: how to link css to html

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

Example 2: add css to an html file

<link rel=“stylesheet” type=“text/css” href=“style.css” />

Example 3: 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 4: how to add a css file in html

<!DOCTYPE html>
<html>
<head>

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

</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Example 5: adding css to html body

Three ways to add CSS to the body of html:
	1)External CSS
	2)Internal CSS
	3)Inline CSS

1) Externally:  
    Type your css code in a file. Remember you file name.
	Then,
<head>
	<link rel="stylesheet" type="text/css" href="FileName.css" >
</head>

2) Internally:
	Type your cSS in the html file itself. (It is not preffered until
	little CSS code is to be added). This can be done by style tag.
	Example:
	<head>
	<style>
	h1 {
      text-color:red;
      text-size: 0.8em;
    }
    </style>
	</head>

3) Inline:
	This method is not used by developers as it is very lengthy and
	maintaining code becomes difficult.
	Example:
   <h1 style="color:blue;text-align:center;">Header file</h1>

Example 6: how do i link my css to my html

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

Tags:

Misc Example

Recent Posts