<!DOCTYPE html>
<html>
<head>
<style>
p.nor {
font-style:
normal;
}
p.it {
font-style:
italic;
}
p.ob {
font-style:
oblique;
}
p.normal
{
font-weight:
normal;
}
p.light
{
font-weight:
lighter;
}
p.thick
{
font-weight:
bold;
}
p.thicker
{
font-weight:
600;
}
div.a {
font-size:
20px;
}
div.b {
font-size:
large;
}
div.c {
font-size:
200%;
}
div.d {
font-size:
small;
}
</style>
</head>
<body>
<p class="nor">This is a line,
normal.</p>
<p class="it">This is a line,
italic.</p>
<p class="ob">This is a line,
oblique.</p>
<p class="normal">This line is normal</p>
<p class="light">This line is lighter</p>
<p class="thick">This line is bold</p>
<p class="thicker">This line is of value
600</p>
<div class="a">This is 20px.</div>
<div class="b">This is large.</div>
<div class="c">This is 200%.</div>
<div class="d">This is small</div>
</body>
</html>
0 Comments