How to Add CSS

CSS is added to HTML pages to format the document according to information in the style sheet. There are three ways to insert CSS in HTML documents.

• ✅ Inline CSS
• ✅ Internal CSS
• ✅ External CSS

1) Inline CSS

Inline CSS is employed to implement CSS styles directly on a specific line of code or element.

Example

<p style="color:blue">Hello CSS</p>

For more visit here: Inline CSS

2) Internal CSS

Internal CSS is employed to implement CSS styling on a specific document or webpage, influencing all its elements. This CSS code is typically enclosed within the style tag located in the head section of the HTML document.

Example

<style>

p{color:blue}

</style>

For more visit here: Internal CSS

3) External CSS

External CSS is employed to implement CSS across multiple or all pages. In this case, the CSS code is written in a separate CSS file with a file extension of .css, such as style.css.

style.css

p{color:blue}

You must connect the style.css file to your HTML pages in this manner:

Example

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

The hyperlink tag should be placed within the head section of an HTML document.

For more visit here: External CSS