I've been looking around the forum for various issues and I've noticed a lot of questions about what does what on the style sheet.
Apologies for those who know about this but I thought it might be useful to some if I mentioned FireBug - it's the greatest web design tool ever invented in my view and if you've not used it, download and install it now. It'll change your life forever!
Obviously this is assuming that you use FireFox when designing websites (which is a very good idea).
Go to https://addons.mozilla.org/en-US/firefox/addon/1843 and download and install FireBug.
Once that's done there are two ways you can use it quickly and easily to see what element is doing what.
First you can simply right click on whatever bit of the website you're looking at and select "Inspect element". This will open up the Firebug window at the foot of your browser. On the left you'll see the source code, on the right you'll see the relevant CSS.
It shows you what stylesheeet it's on, and the best bit is that you can edit the values in each element and it'll change on the browser, so you can see in real time what different it's making.
Secondly, once you've got the Firebug window open (click the bug symbol on the status bar at the bottom of your browser) you can use your mouse to scroll over the screen and highlight each of the different elements used to make the page. Just click on the button shown on the top left of the Firebug window then run your mouse over the webpage.
I use this all the time as a way to determine exactly what's going on, what elements are being shaped and coloured by what parts of the style sheet and so on.
Bookmarks