In this blog, we will learn about a specific CSS , i.e., CSS INCLUSION. We will understand how to embed css on hmtl. So, let us start our learning.

HOW TO INSERT CSS INTO HTML?

There are three ways of inserting a style sheet:

#External style sheet📎
#Internal style sheet📎
#Inline style📎

External Stylesheet:📎

📍with an external style sheet,we can change the look of an entire website by chaning jush one file!
📍Each page must include a reference to the external style sheet file inside the element. The element goes inside the head
section.

syntax:✋✋✋

Inline Styles📎

📍An inline style may be used to apply a unique style for a single element.
📍An inline style loses many of the advantages of a style sheet (by mixing content with presentation ) . use this method sparingly!
📍To use inline style , add the style attribute to the relevant tag , the style attribute can contain any css proprety.

syntax:✋✋✋

Cascading Order:

What style will be used when there is more than one style specified for an html.

Generally speaking we can say that all the styles will 'cascade' into a new "📎virtual style" sheet by the following rules, where number three has the highest priority:

📎Browser default
📎External and internal style sheets(head section)
📎Inline style (inside an html element)

📒📒📒📒📒📒📒NOTED📒📒📒📒📒

if the link to the external style sheet is placed below the internal style sheet in 📒html

happy learning:)