- 1). Find a Web page that has a design element you wish to emulate. Right-click on the background of the site. Avoid clicking on any links or pictures as this will give you a different menu.
- 2). Choose "View Source" if you are using Internet Explorer and "View Page Source" if you are using Firefox. A new window will pop up with all the code for that page.
- 3). Search the document for <style type="text/css">. This is the code that tells the browser that CSS language will follow. All the information between that tag and </style> is the internal CSS for the Web page, which means it only applies to that page.
- 4). Look between the <head> and </head> tags for a link to an external style sheet. The code should look something like this: <link rel="stylesheet" type="text/css" href=style.css" />. The "type" may vary but the "link rel='stylesheet'" will stay the same and is your key to locating the external CSS file.
- 5). Hightlight, right-click and copy the name of the CSS file, which in the above case would be "style.css." Paste this bit after the root of the website. For example, if the page you are surfing is located at http://mysite.com/about.html, you would paste the code after "http://mysite.com" to make "http://mysite.com/style.css." If the name is hyper-linked, simply click to access the CSS file.
SHARE