How can I easily copy the whole CSS file from a website?

Question

How can I easily copy the whole CSS file a website uses to stylize HTML with Google Chrome, Firefox, Safari, and Opera?

With the web inspector, I can see the css styles applied to an element, but I can't see the big picture of styles applied to the whole HTML document.

Can you show me how can I do this?

Answer 1

For chrome you can use Quick Source Viewer to see all CSS, whether in the body or the head, whether in the served HTML or injected at runtime.

It is better than the dev tools as you don't have to go looking for the style tags, and saving them is just a right click on the link.