You can either have a style sheet as a separate file, or you can embed it in the html page. Either will work. If you use it as separate file, then the link in the html must point to the location of the css file. Thus, I have a structure like this:
pinkmutant (folder)
articles.html (file)
mainb.css (file)
articles (sub-folder)
snowleo1.html (file)
Both articles.html and snowleo1.html use the same mainb.css style sheet. But since they are located in different places, the link tag differs. For articles the link tag is
link rel="stylesheet" href="mainb.css"
But for snowleo1 the tag is
link rel="stylesheet" href="../mainb.css"
If you use style sheets in this way you have to add the link tag with the correct path to the style sheet for every single page. However, once you have done that you can change every page by just editing the style sheet. So initially you have to edit all html pages, a pain for a large site. But once you have done it, subsequent edits of style are simplified, as you only have to edit the one css file.
Francine
Francine
Schwieder