CSS+Sleuthing

//In this exercise you will use Firebug to examine the CSS rules being applied to several elements on the UTM homepage.//
 * 1. Using Firefox**, navigate to http://www.utm.utoronto.ca and scroll down to 'University News' in the main column. Right-click and select 'inspect element'. This will open up Firebug in the bottom of the browser.




 * 2.** Note the top right of Firebug, it appears that the .label class is determining all of the styles associated with 'University News' – if you scroll your mouse pointer down to this area within Firebug you will be able to make edits to the label class. Try changing the font size to 125% and the font weight to normal. Firebug allows you to inspect and tweak CSS on a live site – any changes you make will remain until you refresh the page.
 * 3.** Spent 15 minutes and use Firebug to examine the CSS rule set(s) driving the subheaders in the main column, the teaser blurbs underneath them, the caption under the main image, one of the quick links in the top left nav list and the footer at the bottom of the page. Play around with changing some of the declarations – Firebug is all about making small adjustments to improve the design of a layout.