CSS Master

■ MicrosoftEdgeandInternetExplorer:Tools > F12 Developer Tools

■ Firefox:Tools > Web Developer

■ Chrome(andOpera15+):View > Developer

■ Safari:Develop > Show Web Inspector

InSafari,youmayfirsthavetoenabletheDevelopmenubygoingtoSafari > Prefer-

ences > AdvancedandcheckingtheboxnexttoShow Develop menu in toolbar.The

viewforSafaridevelopertoolsisillustratedinFigure3.4.

Figure 3.4. Safari 8 developer tools

Afteropeningthedevelopertoolsinterface,youmaythenneedtoselectthecorrect

panel:

■ InternetExplorer:DOM Explorer

■ Firefox: Inspector

■ Chrome(andOpera):Elements

■ Safari:InspectandStyles.

You’llknowyou’reintherightplacewhenyouseeHTMLononesideofthepanel,

andCSSrulesontheother.

98 CSS Master