External Css File 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: 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 4: how to link your css file to html


<head>
<link rel='stylesheet' href='style.css'>
</head>

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable