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.