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.