How do you know which CSS properties apply to which selectors?
I.e. given that I want to change the spacing around lists how do I find whether it's padding or margin (or border?) that I need to change and/or what the defaults are? Not to mention how to know whether it's the space below the heading above or the space above the list that needs reducing.
Personally I think we should throw the whole lot in the bin and start again! After playing with this for quite a while and having looked at lots of templates and stylesheets they're all a total mess of the worst sort of unstructured 'code' - it's the equivalent of the worst excesses of spaghetti code in Basic. I don't think it's the fault of the writers of the code, it's inherent in the way that HTML and CSS work. It's almost invitable that the template and stylesheet will become a horrible interwoven mess of classes, IDs and so on.
Not to mention - why is it that the default spacing of HTML headings, lists, etc. is so awful? The defaults are such that paragraphs and lists are spaced equally from the things above them and below them. Surely a heading (for example) should be closer to the text/list below it that it refers to and further from what's above it? I always have to go and play games with the spacing to get what looks to me a reasonable layout that I would expect to get by default.
.... end of Friday rant! :-)