 |
||||||||||
Cascading style sheets part 3 |
||||||||||
| So, we know what will happen whenever we select Header 1 for a given paragraph. What about the rest of the page? | ||||||||||
|
 It's much easier now we have one element defined - click the staircase icon again to see where we've got to. |
|||||||||
 You can click the less-than-more-than icon again to define a new element, or select 'h1' and choose 'duplicate' from the Edit menu - that's what I did, and here's what I got: |
||||||||||
 For now, I don't want to define h2 which GL helpfully offered, I want to define 'body', to cover the basic text on the page, so I overtyped 'h1' with 'body'.
Panic!!!!! The first thing that happens is that all the text on the page turns to red 14 pixel Verdana. That's because 'body' applies itself automatically, and at the moment it's the same as h1. Just click the uppercase F in the inspector - I changed the colour to dark grey and the size to 12 pixels. |
||||||||||
| 'Body' won't be enough in all circumstances. Netscape in particular is likely to forget what to use if you put text after a table.
So, to be on the safe side, define 2 more elements - 'td' (for text in table cells) and 'p' (for paragraphs) and make them the same as your body tag. You can use duplicate as we did before, or make new element styles. If you're using Netscape 4, there's every chance you can see that the text in the table cells isn't Verdana 12 px at all, so we need the td element. If you're in Explorer, this text may well look the same as the text before the table. |
||||||||||
| Golive 6 has a helpful little feature - to define a new element in the css editor window, hold down the control key (right click in Windows, I think) and click anywhere in the css editor window. The commonest choices are presented to you: | ||||||||||
 |
||||||||||
| Next .... more elements, classes and external style sheets. (Elements? Classes? Run that by me again? Click here for an explanation of the difference between the two). | ||||||||||
|
||||||||||