Example Learning Report
This learning report is for example purposes only. It demonstrates what a learning report should look like. This example comes from Preston Lee.
Learning Report 1:
Linking to an external Style Sheet
In this report, we will explore how to link to an external style sheet where we will store all of the styling for each element on the page.
Why stylesheets?
First, it will be proftiable to understand the importance of external style sheets. Below are some advantages for using CSS according to www.vordweb.co.uk
- "CSS makes it very easy to change the style of a document." By simply changing one element on the style sheet, it changes everything on every page that is linked to that style sheet.
- "All of the style and layout is removed from the html, so the html page size is very much smaller." This allows for quicker loading times which is always a goo thing.
- "Separating style from content makes life very easy for visitors who prefer to view only the content of a web page, or to modify the content. These could be blind or partially sighted people who might use a screen reader to interpret a page."
- "Layout and position of navigation can be completely consistent across a site." Basically things stay pretty across the whole site.
Implementation
W3.org teaches the approved way to link to external style sheets in your XHTML document:
In the <head> area of your XHTML code, insert the following LINK element:
<link rel="stylesheet" href="/style/style.css" type="text/css" />
The code will obviously depend on where your style sheet is located. The code above is what I have used on the site you are currently viewing. You will need to adjust the directory depending on where your style sheets are located.
See it in action
If you would like to view my style sheet in its entirety, click here.
