How to include CSS in the webpage?

1.	How to include CSS in the webpage?
Answer» There are different ways to include a CSS in a webpage, 1 - External Style Sheet: An external file linked to your HTML document: Using 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 - Add 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";

Answer»

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

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

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

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 - Add 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";

How to include CSS in the webpage?

Discussion

No Comment Found

Related InterviewSolutions

Reply to Comment