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
,the external sheet will override the internal style sheet!happy learning:)
Top comments (2)
Hello! Hmmm your post could be very better with markdown style :d
sure well thanks for rectifying my mistake will remodify it.