On Fri, Mar 09, 2007 at 04:32:53PM +0000, MJ Ray wrote:
Eur Ing Chris Green cl@isbd.net wrote:
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.
There are three main ways IIRC:
- the specs state which properties of which selectors get priority
and what the defaults should be for most cases when it matters;
Where? That's what I can't find.
For example, say I have some <H4> headings with paragraphs underneath, what is the space in between and what are its default values? I don't even seem to be able to find a definitive list of what CSS properties I can use with, say, <H4>.
- then there are some famous browser breakages (mostly IE, but there
are a few others) to avoid;
Well I'm going to be basically mono-browser so that's not much of an issue for this particular case.
- and finally you can use temporary divs, borders, user stylesheets,
CSS-altering javascripts and/or test copies of sites to debug strange results seen in a browser.
Yes, I've been doing that as the only way to make any progress at all.