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.
If CSS is getting you down, I can't recommend enough the Web Developer toolbar for firefox (https://addons.mozilla.org/firefox/60/). Once installed, navigate to the offending web page, select the CSS dropdown and choose View Style Information, then select any element on the page and it shows you the styles applied to it.
For bonus points, it even lets you play with the CSS locally and see the effects immediately. There are lots of other goodies in there too ...
HTH
Safe