The file that contains only CSS code and is saved with a ".css" file extension is called as External CSS. Using the <link>instead of <style>,this CSS file is then referenced in your HTML. Don't worry if you're confused. We are going to walk you through the whole process.

Now create a separate text file called mystyles.css (you can name it anything you want). All it contains is this:

When the same style / format / look n feel is required on numerous pages then we say that an external style sheet (CSS) is perfect.The webmaster can change the look of the entire site - by changing one file,with the help of an external style sheet,.

When a single document has a unique style,an internal style sheet should be used.In the head section, by using the <style> tag, you can define internal styles like this:

Note: A browser normally ignores unknown tags. This means that an old browser that does not support styles, will ignore the <style> tag, but the content of the <style> tag will be displayed on the page. By hiding it in the HTML comment element: ,it is possible to prevent an old browser from displaying the content.

Inserting stylesheets rules right in the middle of all your HTML is called as inline stylesheet. It might look like this:

For example, an external style sheet has these properties for the h4 selector:

If the page with the external style sheet also link to the internal style sheet then the properties for h4 will be:

The text-alignment and the font-size is replaced by the internal style sheet and The color is inherited from the external style sheet.