#CSS tutorial page 1

-


The following is the code for attached html webpage..


<html>
<head>
<!--<link rel="stylesheet" type="text/css" href="mystyle.css"> -->
<style>
*{
font-family: Lucida Console;
}
h1,h2,h3
{
font-family:Verdana;
}
li
{
color: blue;
font-size:large;
}

 #p1
{
color:maroon;
font-style:italic;
}
.blacksection
{
background-color:Black;
color:white;
height:100px;
width:500px;
text-align:center;
border-radius: 30px;
}
h3
{
padding-top:30px;
color:white;
}
</style>
</head>
<body style="background-color:powderblue;">
<h1 style="background-color:lightyellow;color:green"> Welcome to CSS tutorial</h1>
<h2 style="color:brown"> CSS selectors </h2>
<ul type="square">
<li>tag selector</li>
<li>id selector</li>
<li>class selector</li>
<li>universal selector</li>
<li>group selector</li>
<li>demo selector</li>
</ul>
<h3><p id="p1">CSS selectors are used to "find" (or select) the HTML elements you want to style. </p></h3>
<p >CSS selectors are used to "find" (or select) the HTML elements you want to style. </p>

<div class="blacksection">
<h3>this is the first division</h3>
</div>
<div class="blacksection">
<h3>this is the second division</h3>
</div>
<div class="blacksection">
<h3>this is the third division</h3>
</div>
</body>
</html>

Comments

Post a Comment