Inheritance in Action : Inheritance « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. Inheritance

Inheritance in Action

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
p {
  color:#5f9794;
  margin-left: 50px;
}
.pageStyle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color:#fdd041;
}
</style>
</head>
<body class="pageStyle">
<h1><img src="http://www.java2s.com/style/logo.png" alt="" width="553" height="70" /></h1>
<h1>header</h1>
<h2>this is a test. <strong>strong</strong></h2>
<p><em>in em</em> <strong>in strong</strong>this is a test. </p>

</body>
</html>








Related examples in the same category

1.property inheritance
2.Background is inherited
3.The following properties are inherited by all elements: visibility and cursor.
4.Properties are inherited by inline elements
5.Properties inherited by list elements: list-style, list-style-type, list-style-position, and list-style-image
6.Property inherited by table elements: border-collapse
7.Properties are not inherited:
8.Once you assign a background to an element, it no longer visually inherits the background of its parent
9.Inherit the background, padding, and border of the div tag
10.Working with Inheritance
11.Property Inheritance 2
12.Style overwrite
13.Inherit color and alignment from the div