<html>
<head>
<title>Introducing CSS</title>
<link rel="stylesheet" href="css/example.css" type="text/css">
<title>Using External CSS</title>
<link rel="stylesheet" href="css/styles.css" type="text/css">
<style type="text/css">
body{
font-family: Arial, Helvetica, sans-serif;
background-color:rgb(255.255.255) ;
}
</style>
<title>Using Internal CSS</title>
<style type="text/css">
body{
font-family: arial:
background-color: rgb(185.179.175);
}
h1{
color: rgb(255.255.255);
}
*{
font-family: Arial, Verdana, sans-serif;
}
h1{
font-family: 'Courier New', Courier, monospace;
}
i{
color: green;
}
i{
color: red;
}
b{
color: pink;
}
p b{
color: blue limportant;
}
p b{
color: violet;
}
p#intro{
font-size: 100%;
}
p{
font-size: 75%;
}
body{
font-family: Arial, Helvetica, sans-serif;
color: #665544;
padding: 10px;
}
.page{
border: 1px solid #665544;
background-color: #efefef;
padding: inherit;
}
</style>
</head>
<body>
<h1>From Garden to Plate</h1>
<p>A <i>potager</i>is a French term for an ornamental vegetable or kitchen garden ...</p>
<h2>Waht to Plant</h2>
<p>Plants are chosen as much for their functionality as for their color and form ...</p>
<div class="page">
<h1>Potatoes</h1>
<p id="intro">There are <i> dozens</i> of differen <b>potato</b> varieties.</p> <p>They are usually described as early. second early and maincrop</p></div>
<h1 id="top">Kitchen Garden Calendar</h1>
<p id="introduction">Here you cand read our handy guide about to do when.</p>
<h2>Spring</h2>
<ul>
<li><a href="mulch.html">Spring mulch beds</a></li>
<li><a href="potato.html">Plant out early potatoes</a></li>
<li><a href="tomato.html">Sow tomato seeds</a></li>
<li><a href="beet.html">Sow beet seeds</a></li>
<li><a href="zucchini.html">Sow zucchini seeds</a></li>
<li><a href="rhubarb.html">Deadhead rhubarb flowers</a></li>
</ul>
<p class="note">
This page was written by
<a href="mailto:ivy@example.org">ivy@example.org</a>for <a href="http://www.example.org">Example</a>
</p>
<p><a href="#top">Top of Page</a></p>
</body>
</html>
No hay comentarios:
Publicar un comentario