Edit

External Styles

The External style sheet contain only CSS coding. The all style of HTML elements write in CSS External sheet. The External style sheet make easy to user for update the style of multiple webpages. The External style sheet save with .css extension.

We can add External style sheet in HTML using <link> tag which hold three attributes. First attribute is realtion which means what is relation between HTML document and stylesheet. Second attribute is type which hold the information that what type of file. Third attribute is href which hold the URL or path of external CSS file which you want to add in HTML document. You can add multiple External style sheets using <link> tag.

Example of Code

<!DOCTYPE html>
<html>
    <head>
        <title>My Example</title>
        <link rel="stylesheet" href="http://schools.inimisttech.com/assets/frontend/css/test.css">
    </head>
    <body>
        <h1>Embedded Styles</h1>
        <p id="intro">Allow you to define styles for the whole document.</p>
        <p class="colorful">This has a style applied via a class.</p>
    </body>
</html>

Output

            My Example                       

Embedded Styles

       

Allow you to define styles for the whole document.

       

This has a style applied via a class.