Including an external stylesheet file in your HTML document



The <link> element can be used to include an external style sheet file in your HTML document.

An external style sheet is a separate text file with .css extension. You define all the Style rules within this text file and then you can include this file in any HTML document using <link> element.

Consider a simple style sheet file with a name new.css having the following rules:

h1, h2, h3 {    color: #36C;    font-weight: normal;    letter-spacing: .4em;    margin-bottom: 1em;    text-transform: lowercase; }

Now you can include this file new.css in any HTML document as follows:

<head>    <link type = "text/css" href = "new.css" media = " all" /> </head>
Updated on: 2020-01-30T08:25:06+05:30

594 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements