<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3:HSL和HSLA</title>
<style type="text/css">
body{
background-color: #c8c8c8;
background-color: hsl(0,0%,78%);
color: white;
padding: 20px;
font-family:Arial,Verdana,sans-serif;}
h1{
background-color: Darkcyan;
padding: inherit;}
h2{
background-color: #ee3e80;
padding: inherit;
}
p{
background-color:#ffffff;
background-color: hsla(0,100%,100%,0.5);
color: #64645A;
padding: inherit;
}
</style>
</head>
<body>
<h1>Marine Biology</h1>
<h2>The Composition of Seawater</h2>
<p>Almost anything can be found in seawater.
This includes dissolved materials from Earth's crust as well as materials released
from organisms. The most important components
of seawater that influence life forms are salinity,
temperature, dissolved gases (mostly oxygen and carbon dioxide),
nutrients, and pH. These elements vary in their composition
as well as in their influence on marine life.</p>
</body>
</html>