Beispiel:CSS-Vererbung-2.html
Aus SELFHTML-Wiki
<!DOCTYPE html> <html lang="de"> <head>
<meta charset="UTF-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
<title>CSS-Vererbung - 2 </title>
<style>
body {
font-size: 20px; /* Standard ist normalerweise medium (~16px) */
}
p {
font-family: Arial; background-color: Aquamarine; color: darkgreen; border: medium solid DarkCyan ; line-height: 150%; padding: 1em;
}
strong {
font-size: 1.2em;
}
.css {
background-color: rebeccaPurple;
color: white; font-wight: bold; padding: 0.25em; border-radius: 0 0.25em 0.25em;
} </style>
</head> <body>
Vererbung mit CSS
Unter Vererbung versteht man die Weitergabe von Eigenschaften eines Elternelements an seine Kindelemente.
In CSS steuert die Vererbung, was passiert, wenn für eine Eigenschaft eines Elements kein Wert angegeben wird
</body>
</html>
