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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<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