Sunday, June 30, 2013

css coding tutorial 8b

html site: C:\Users\1001128366.UCSIHQ.000\Documents\css coding tutorial 8b.html

HTML CODING:
html>
<head>
<title> CSS coding tutorial 8B</title>
<!--External CSS code-->
 <style type="text/css">
 @import url ("css coding tutorial 8b.css");
</style>
</head>
 <body>
 <h1>X-241 Dog Robot</h1>
<br>
 <div id="id_1">Overview</div>
<br>
 <div>The X - 241 is the perfect canine pal for the busy</dv>
 <div>billionaire</div>
<br>
<br>
 <div id="id_1">Details</div>
<br>
 <div>Lorem ipsum dolorsit amet, consectetur adipiscing elit.</div>
 <div>Aliquam scelerisque bibendu nibh, et pellentesque elit placerat at.</div>
 <div>Proin vel enim orci, a fermentum lectus. </div>
 <div>Aenean Posuere adipiscing mauris volutpat valutpat.</div>
<br>
<br>
 <div class="c1"> Warnings</div>
<div class="c2">
 <ul>
 <li>Do not immerse in water.</li>
 <li> Do not eat.</li>
 <li> Does not exist.</li>
 </ul>
</div>
</body>
</html>

-------------------------------------------------------------------------------------------------
CSS CODING:

h1{
     font-face:Verdana;
    font-size:35;
     color:black;
 font-weight:bold;
   }

#id_1{
 font-face:Verdana;
    font-size:25;
     color:black;
 font-weight:bold;
 }
 .c1{
 font-face:Verdana;
    font-size:25;
     color:red;
 font-weight:bold;

}
.c2{
 font-face:Verdana;
    font-size:16;
     color:red;
 font-weight:Bold

}

No comments:

Post a Comment