Using an external CSS stylesheet Lesson 26

2023 Views: since 7th Nov 08

Using an external CSS stylesheet Lesson 26

external css stylesheet video tutorial

The best place for declaring the styles of an entire website (i.e. for all webpages at once) is in an external stylesheet. This way, you won´t have to repeat the styles information inside the HEAD section of each individual webpage and you would only add CSS to the HEAD section of those webpages (if any) that you want to style differently from all the other pages of your website. Remember that the style rules inside a document override the global style declarations. A simple example would be that you have the text color for all your headings on your entire website set to a blue color but you want green headings on one specific webpage, so you would only declare the heading styles for this document inside its HEAD section.

An external stylesheet is a simple text file, that contains all the CSS rules for your website. The CSS rules are written in exactly the same way like inside the HEAD section of a webpage. To create the stylesheet, simply open a blank document in your favorite text editor and then write only the CSS rules ( without the STYLE element ) into this document. Then save the file as "whateveryoulike.css". Usually I name my stylesheet files styles.css

would you like to comment?

Signup for a free account, or Login if you are already a member

Submitter: Easywebtutorial (1)

Channel: CSS

Description: The best place for declaring the styles of an entire website (i.e. for all webpages at once) is in an external stylesheet. This way, you won´t have to repeat the styles information inside the HEAD section of each individual webpage and you would only add CSS to the HEAD section of those webpages (if any) that you want to style differently from all the other pages of your website. Remember that the style rules inside a document override the global style declarations. A simple example would be that you have the text color for all your headings on your entire website set to a blue color but you want green headings on one specific webpage, so you would only declare the heading styles for this document inside its HEAD section.

An external stylesheet is a simple text file, that contains all the CSS rules for your website. The CSS rules are written in exactly the same way like inside the HEAD section of a webpage. To create the stylesheet, simply open a blank document in your favorite text editor and then write only the CSS rules ( without the STYLE element ) into this document. Then save the file as "whateveryoulike.css". Usually I name my stylesheet files styles.css