CSS (TEXT ALIGN-DECORATION, FONT WEIGHT-FAMILY) PRACTICE
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS LEVEL 1</title>
<link rel="stylesheet" href="STLE.CSS">
</head>
<body>
<H1>HEADING</H1>
<p id="one">DEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDA DEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDAVDEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDAV</p>
<p id="two">DEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDA DEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDAVDEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR PARIDA ITISHRI PARIDADEBADATTA PARIDA SUNIL KUMAR </p>
<a>click</a>
<h2 id="a">head1</h2>
<h2 id="b">head2</h2>
<h2 id="c">head3</h2>
<h2 id="d">head4</h2>
</body>
</html>
CSS
p{
text-align: right;
}
h1{
text-align: center;
text-decoration: dashed;
}
a{text-decoration: none;}
#a{
font-weight: normal;
}
#b{
font-weight: lighter;
}
#one{
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
#two{
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#two{
font-family: cursive;
}
.png)
Comments
Post a Comment