You are viewing a single comment's thread from:

RE: CSS for multiple HTML pages, one HTML page change

I have one external css file, in the same folder as the htm pages. I know how to link them together. However, what I don't know how to do, is how to change ONE html file, while using the same css file for ALL pages.
I simply don't know where to insert tags such as font weight or font style (normal, italics...).
How do I manage to change one single page without messing up the other four pages?
Again, I would appreciate anybody's help!

Sort:  

You can set up one external css file with all the style definitions for all the classes you can then use on any element of any HTML file.

Once you have defined styles in your css file for things like, for example, heading, menu, footer - then you can do things like

<div class="heading">A Heading</div>
<div class="footer"><The footer</div>

Now if you want to have different styles for different headings on different html pages, then you could create a style of heading1, heading2, etc and use a different class on a different page to make it look different.

Your first html page might use an element with class heading1 while your second html page might use the one called heading2. Then you could change the definition of either of those classes without affecting the other.