10 jul 2011 kl. 16.20 scsigurl2020 wrote:
I just haven't gotten, yet, how to do the one CSS file, which will apply to ALL my files. Haven't figured that out yet. Help?
Just link the CSS in the head of all your files and use similar markup regions so that your selectors affect the same elements. Like this <link href="css/layout.css" rel="stylesheet" type="text/css"> <http://www.w3schools.com/tags/tag_link.asp >
In my linked first css file I use "at import" <http://reference.sitepoint.com/css/at-import > to read in other CSS files as I put layout rules, typography rules and color/background rules in different files: @import url("color.css");
This in order to facilitate switching out these different aspects quickly and easily during development. In the production site I may just put them in different sections in one file, though specific internet Explorer rules, if any, will get their own files and load via IE conditional comments. This set up I believe to be common and useful, but obviously you don't have to use several files, unless you want to. The important thing is to keep the rules in external style sheets and link to the same css file in all your documents.
If you want to have specific rules for certain pages you can use the id-attribute on the body element for example. Like this: #page-records #container #content #primary { */rules/*/} where the first part of this compound selector limits the rules to pages that has the value "page-records" in the id attribute of a containing element.
Very seldom do I use the style element inside the header and put local rules there, though this is also possible.
/MiB -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
