Most of the time whatever is closest to the test that you want to affect is what wins. The only time that this isn't true is when you use the !important rule.
The way that the cascade works is as follows: Inline style attribute will carry more weight than embedded which carries more weight than linked styles. So this shows how it works with the closest to the content of your document. Linked styles are linked to your page with a separate page that is brought into the page. Embedded styles are in the head of your document, and inline are within your html document.
Paragraphs, headings, lists, tables, dive and body are block level elements. The begin on a line by themselves.
A, em, span and most replaced elements such as images and form inputs do not force anything to start on a new line.
A list-item is defined to have a presentation marker of some sort, a bullet, number or letter.
The css values would be block| inline | list-item | none.
In CSS1 the default value is block, in CSS2 the default is inline.
If you take a look here you will find some information on display.
There are many uses for display, however one that is really useful would be to set up a paragraph that only non CSS compliant browsers would be able to see.
You would could set this up as a p with style="display:none;".
Then you could add a paragraph explaining that your site was done with css, and if this paragraph is viewable by the person viewing the site, then their browser is not CSS-aware, but should still be readable.
The idea behind positioning is actually very simple. You can define exactlywhere element boxes will appear. Be sure that you test this in different browsers as you work with it. When you think of positioning, you need to think about each element, such as p, img, headings, etc... as being in their own boxes. The padding for these boxes is defined either by the browser, or the rules that you set for that particular element.
Here is where you will find information on positioning.
This happens to be the part of this assignment that I was most looking forward to learning.
Hereis where you can find information on z-index.
I'm going to attempt to place an image with images on it with the z-index. I'm not sure how this is going to work out, but I have in my mind how I would like it to look.
The images that I am going to use I found at Free Gifs and Animations.The Christmas Selection is really great!
