Introduction
External style sheets are the third and most powerful way to apply CSS to your web pages. With an external style sheet, you can change the look of an entire website by changing just one file! CSS offers great benefits for web designers,including:
Easier to maintain and update – You can make global changes to your website quickly and easily by editing just one CSS file. For example, if you want to change the color scheme of your site from light blue to dark green, you can do so by simply editing your external CSS file. This is much easier than having to go into each individual HTML page and make changes to the code.
Improved accessibility – With an external style sheet, you can easily add alt tags (used by screen readers) to all of the images on your website. You can also create a separate CSS file that can be used by visitors with visual impairments. This way, they can customize the look of your site according to their needs.
Smaller file size – An external style sheet is usually much smaller in size than an internal or inline style sheet, which means it will take less time for visitors to download and load your web pages. In addition, because all of the CSS code is in one place, it is easier for search engines to index your pages correctly.
Easier to share – If you have multiple websites or want to share your CSS code with others, it is very easy to do so with an external style sheet. All you need to do is save your CSS file in a location that is accessible by others (such as a shared server). Then simply link to it from any HTML page that you want to use it on.
