Style Cascade and Inheritance
The final appearance of a web page is a result of different styling rules.
The three main sources of style information that form a cascade are:
– The stylesheet created by the author of the page
– The browser’s default styles
– Styles specified by the user
Inheritance
Inheritance refers to the way properties flow through the page. A child element will usually take on the characteristics of the parent element unless otherwise defined.
<html>
<head>
<style>
body {
color: green;
font-family: Arial;
}
</style>
</head>
<body>
<p>
This is a text inside the paragraph.
</p>
</body>
</html>
Since the paragraph tag (child element) is inside the body tag (parent element), it takes on any styles assigned to the body tag
