View a website’s CSS

December 23, 2008

There are a couple of ways to view a website’s Cascading Style Sheet (CSS) file.

A site’s CSS gets loaded on to your computer and so you can always go look at it in your temporary internet files (identify the filename first by viewing the source of the page—in the source, you’re looking for lines in the HEAD area such as this: <link rel=”stylesheet” href=”[path/filename].css” type=”text/css” media=”screen” />)

Firefox: You can use a web developer add-in to open the CSS in another browser window. For example, there’s a great Firefox extension from Chris Pederick (http://chrispederick.com/work/web-developer/) that sits in your browser window. Once installed, click the CSS toolbar button for the options.