Lab 3 A little CSS work.
1. Open a Journal (Word file, or ASCII Text File, or HTML file) and journal your work. Create a basic HTML document with headers, paragraphs, <div> and <span> tags and create an external CSS file. Link the CSS file to your HTML file and add some embedded and inline styles.
2. Create a CSS file with rules that are based on element selectors, class selectors and id selectors. Save this CSS file.
3. Use <link> to apply the CSS style sheet to the HTML file. View the results in an HTML browser that supports CSS.
4. Visit http://www.webstandards.org/action/acid2/ and take the acid2 test to see if your browser fully supports CSS. If it does the result should look like the first picture below.
Firefox look like the second ― Sierra on my Mac-mini rendered properly ― the last one is Netscape 7.2 This of course shows that even some of the latest browsers have a little catching up to do.
5. Add more styles directly into the HTML file by creating a <style> element in the <head>; view the results.
6. Finally create some inline styles using the style attribute, and check your creation in a browser.
7. Put all your work in a folder named Lab3 on the J:drive. Include your journal in the folder.