good place for a tag line
This web site is about Cascading Style Sheets as a means to separate the presentation from the
structural markup of a web site, and it will help you answer some of those frequently asked Questions,
explains some of the Basics of CSS, gives you tips and tricks for tackling
the problems with Netscape 4, offers you a tutorial about
Positioning with CSS (CSS-P, web design
without tables). There is also a page with interesting Links.
This page uses CSS to present the content in the best possible manner. If you can see this
message, then CSS (or JavaScript) is not enabled in your browser, and the page will not appear as the
designer intended.
Now you have the full stylesheet in the <head> section of this page.
The more elegant way is to copy all styles into a blank document, save it as "examplestyles.css"
and link it in the <head> section of each document you want to apply the styles.
The syntax for linking an external style sheet is:
<link rel="stylesheet" href="Style.css" type="text/css">
It makes sense to use two different external styles - one for IE and NN6, the other one for NN4.xx.
In doing so, you could adapt your font sizes, or background properties, or the other styles that NN4.xx has problems with.
To do that you can use the fact that NN 4.xx does not accept the @import.
Therefore you link two style sheets:
<link rel="stylesheet" href="StyleNN.css" type="text/css">
<style type="text/css">
@import url(Style.css); /*IE and NN6x styles*/
</style>
Explanation: NN<6 does not recognize the @import, so it uses the <link> style sheet. IE and NN6 accept the
@import, and by placing it below the <link> style, you give it more importance, therefore IE and NN6 will give you
the styles in the @import sheet.
You have to remember to use the same selectors and properties in both style sheets. If you declare a value in the
linked stylesheet and omit this in the imported sheet, IE will take the value from the linked sheet.