Hoe bekijk je style sheets CSS op een webpagina met firefox

Inleiding

   
Wanneer je als webmaster een beetje ervaring wilt op doen met style sheets, ook wel CSS genoemd, kan dit met een handige tool in Firefox. Nu ben ik zelf nog geen gebruiker van deze browser, maar vanaf nu ga ik dat zeker doen. Deze tool is fantastisch en er zijn er nog veel meer andere handige tools (dit zal volgen in andere artikelen). Goed, hoe gaat dit in zijn werk:

Stappen

  • Ten eerste, download FireFox.
  • Ten tweede, download Web developer https://addons.mozilla.org/en-US/firefox/addon/60
  • Ten derde download http://www.mozilla.org/projects/inspector/ DOM Inspector
  • Herstart Firefox na de installatie.
  • Zoek naar de nieuwe toolbar
  • Klik op CSS en vervolgens: show style information
  • Vanaf nu kan je op elke willekeurige blok in de website klikken en zien wat de style is. Fantastisch!