Question

Why do we use an external style sheet?

Answer 1

External style CSS has different CSS files. These files have only the style property for the tag attributes like class, id, etc. It creates a separate file with a .css extension which we have like with HTML content by using a link tag. Only one time do we need to set the style which will be applied over web pages.

Example of external style sheet: mindmajix.css

body {
  background-color:powderblue;
}
.main {
  text-align:left;
}
.GFG {
  color:#009900;
  font-size:50px;
  font-weight:bold;
}
#mindmajix {
  font-style:bold;
  font-size:25px;
}