An external style sheet is a separate file where you can declare all the styles that we want to use on our website. We can link to the external style sheet from all of our HTML pages. This means you only need to set the styles for each element once. If you want to update the style of your website, you only need to do it in one place and that style will be applied to all of the HTML pages. So it is so useful for making any web document.
ADVANTAGES OF USING EXTERNAL STYLE SHEETS
Following are the some advantages of using external style sheets in making a web document.
External style sheets are a useful and easy way to create attractive web pages. You create one global style
sheet for your site, and invoke this sheet via the <link> tag.
For example, the command
<link rel="stylesheet" type="text/css" href="http://www.ab.com/mystyle.css" /> can be embedded in the top <head> section of any web document. If you want to make an update to the style of your site, you make it in a file. Your markup pages can then automatically reference declared styles and will inherit any styles applied to any web page object or element.
This can control styles for multiple documents at once
Using External Style sheet classes can be created that can be used on multiple HTML element types in
Selector and grouping methods can be used to apply styles under complex contexts
DISADVANTAGES OF USING EXTERNAL STYLE SHEETS
Following are the some disadvantages of using external style sheets
An extra download is required to import style information for each document
The working of the document may be delayed until the external style sheet is loaded
Becomes slightly difficult and uneasy for small quantities of style definitions.
The main disadvantage of external style sheets are that they render in sequence AFTER the markup.
This creates a visual experience where the plain text content downloads in an unstyled version, then
the suddenly "pops" into the correct style after the style sheet is downloaded the first time. For the
remainder of the session however, this sheet remains in cache and exploring of webpage is faster.
0 comments:
Post a Comment