HTML/CSS Help - How do I set up a Linked Style Sheet?

Question

This year I've decided to take an HTML class, but I'm having trouble with one of the assignments... I need to make a linked style sheet, but it doesn't seem to be working. I'm using TextWrangler and I set up the CSS sheet using the format ".CSS"... So that isn't the problem. Any advice? Thanks!!

Answer 1

There are two ways to link your external CSS with your HTML document. Link the CSS Style Sheet with href attribute or use import method within the style tag. You should also know the word cascading means flow. So, link method and import method has different flow precedence. Fallow this recipe:

1. Create a HTML document.

2. Understand media types. Example: screen - computer screen and print - HTML page in print. You could include both or more. If you include both media types. The user who uses computer screen to view your HTML page with a browser will receive information of your media type and display only the style of media type with screen. However, when the user click on print the browser will choose the media type of print. So when users print your page the page is display in another style. It might be style suitable for print documents. Example:
























Remember, if your print CSS has the same style with your screen CSS. You won't be able to see the difference when you click on print. For now you could make a simple change by making the background color of your print CSS red and your screen CSS background color to blue. So when you click print the background color of your page should be red instead of blue.

Answer 2

No idea about TextWrangler, but you need this line:



It needs to be in the part of the code, I usually tuck it right under the and before the closing . I wrote an example below.

Answer 3

In the section of your html document:

Answer 4

try this