External Css With Example

External Style sheets:

External Style Sheets are the separate .css files hat contain the CSS rules. These files can be linnked to any HTML documents using <link> tag with rel attribute.

An external style sheet is a separate file where you can declare all the styles that you want to use on your website. You then link to the external style sheet from all your 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.

Syntax :



Example 1:

Step 1: Create the Style Sheet :


Step 2: Link the Style from the HTML Documents


Output :

External Styles

Allow you to define styles for the whole website.

This has a style applied via a class.

Read Also: