Embedded CSS Stylesheets

This paragraph would be in the p style. Note: inheritance means that this text will have the same styles as the paragraph itself Further note that this paragraph is pointing at an already declared element in my source code.

---

What does this mean?

This means that my p tag has pre-defined attributes and properties already set-up. So all i have to do is insert the start and end "p" tag, and the text within it will change according to what i defined in my elements.

The same logic applies to the red heading you see, and the blue heading. I havent sat here and typed out 4 different tags to aquire that Small caps/red and jazzy font look. I have (just like the p tag) already pre-deefined the set of colours and font that the H1 tag will recognise. So basically, everytime i use an h1 tag and close it, the big red effect will be given like this:

EXAMPLE

All i did there was do a start h1 tag then write the word "example" and then close the h1 tag!!

---

I am assuming that as i am using an external style sheet as well as embedded styles, that obviously this html document will aquire BOTH the external style sheet element properties and the embedded styles within this document only.
In the case where both the external and embedded styles have the same element specified (ie; both the external and embedded have the "p" tag), the element with the more specific set of properties will take president.