How to include CSS in the webpage?

1058 Administrator Fri, Jun 3, 2022 CSS 0 829

There are different ways to include a CSS in a webpage,

1. External Style Sheet: An external file linked to your HTML document: Using a link tag, we can link the style sheet to the HTML page.

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

2. Embed CSS with a style tag: A set of CSS styles included within your HTML page.

<style type="text/css">
/*Add style rules here*/
</style>

Add your CSS rules between the opening and closing style tags and write your CSS exactly the same way as you do in stand-alone stylesheet files.

3. By adding inline styles to HTML elements (CSS rules applied directly within an HTML tag.): Style can be added directly to the HTML element using a style tag.

    <h2 style="color:red;background:black">Inline Style</h2>

4. Import a stylesheet file (An external file imported into another CSS file): Another way to add CSS is by using the @import rule. This is to add a new CSS file within CSS itself.

    @import "path/to/style.css";