Hi, I am still learning CSS, now I am practising and wondering if one single page can have more than one CSS to it, or is the ruleo f thumb to use only one
Well my rule of thumb is to use multiple, because i tend to categorize the styles depending on where they are used.. so i usually have one that holds the styles for the general layout (which i include in all pages), and then additional files for specific styles of each section of my sites (that are only included in those sections..)..
There's so many Worpress or Joomla template that have more than one CSS, I think that you can have how many CSS u want, there's no problem. The same for the Javascripts (.js)
Trying to be as lightweight as possible ... (i mentioned that i do not load all files in all pages of the site, they get loaded if they are required in each section..)
I think the best way is to split the css on design types. Like modules. Since searching a 10 MB file for 1 line is too much of a hassle then you can categorize them.
Yea when using cms type of pages it's better to categorize. One for header one for footer one for the content (commented would be best) . Not per page css making the browser load a new sheet at each page nav is useless...
I would personally just reccommend limiting yourself to just one CSS document. This is because you will be able to rank better in search engines making for better search optimisation. The only time I've ever used two CSS files is one for standard browsers (IE7, FX, Chrome etc) and one for IE5+ fixes.
Of course, you can have multiple css files for a single page . One of the ways to import css file within another css file is like this . @import (css/style.css) You can even have the css file with .php extension, however you have to declare the content type .