It is essential that you understand CSS styles and CSS files in this class.
You can learn a lot by viewing the CSS files of another site. Two methods are shown below.
1. The easiest way is to view the stylesheet:
- Open the website in your browser
- Right-click on the website and choose View Source
- Find the line that displays the link to the Cascading Stylesheet
It is in the <head> near the top of the page and will look like:
<link href="abcStyles.css" rel="stylesheet" type="text/css">
Click on the link to open and display the website's stylesheet.
2. Another way to view the stylesheet
- Open the website in your browser
- Right-click on the website and choose View Source
- Find the line that displays the link to the Cascading Stylesheet
It is in the <head> near the top of the page and will look like:
<link href="abcStyles.css" rel="stylesheet" type="text/css">
- Copy and append the name of the css file to the URL in the browser's Address Bar
- Ex: http://abcSite.com/abcStyles.css
- Tap Enter and the css file should open up.