Create an external stylesheet called cascade.css and put this in it:
p {
color:green;
}
Now create a blank Web page from your template (with the necessary HEAD, BODY etc.), call it cascade.html and add this:
<p>In the stylesheet it says that all paragraphs should be green and hopefully this one is!</p>
<p>But what happens if there are styles in the HEAD section of the page (an embedded stylesheet)?</p>
Put this in the HEAD of your page, save it and view it:
<style type="text/css">
p {
color:blue;
}
</style>
In the stylesheet it says that all paragraphs should be green but that one is ignored as the style in the HEAD takes over
Now see what happens if you amend the opening P tag for the second paragraph to make it like this:
<p>style="color:red;"</p>
