How to Download a CSS File from a Website
Does a website you like use some styles that you would like to emulate? Do you want to look at those styles but don't know how? It's not as hard as you may think. Just follow the steps in this article.
Other People Are Reading
Instructions
-
-
1
Navigate to the page that has the styles that you want to copy.
-
2
View the source code. You can do this by typing Ctrl+U in Firefox. (That means you hold down the control button and type "U"). In Internet Explorer, you may be able to right click on the webpage and click "view source".
-
-
3
Sometimes styles are kept in a webpage itself, although this is not normally the case. Most of the time they are added to the website via "includes". For example:
href="/css/styles.css"
The above text is an include for a CSS file.
To find this text easily in the source, you can just click "Ctrl+F" and then search for "css".
-
4
Now look at the top of your web browser at the location. You should see something like "www.somedomain.com", or "www.myorg.org".
-
5
After the domain name, copy and paste the "/css/styles.css" link that you got from the href above.
For example type in "www.yourdomain.com/css/styles.css"
Then hit enter. The stylesheet should show up in the web browser.
-
6
Save the stylesheet to your computer by either using File ---> Save As, or simply selecting all of the styles and copying and pasting.
-
7
There might be several .css files in use by a single webpage. In that case, you may need to repeat the proecess for each. The style you want may not be in the first css file that you download.
-
1
Tips & Warnings
If the css file's href doesn't start with a forward slash "/", then it is a relative URL and the above technique won't work.
