How Set Layout a Html Page Use Multiple Style Sheets
<!DOCTYPE html><html>
<head>
<title>Multiple Style Sheets - Import</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<body>
<div id="page">
<h1>Central Park Bike Hire</h1>
<p class="intro">Rent a bicycle to ride around Central Park:</p>
<table>
<tr class="head">
<th></th>
<th>Per hour</th>
<th>Per day</th></tr>
<tr>
<th>Cruiser</th>
<td>$9</td>
<td>$45</td>
</tr>
<tr>
<th>21 Speed</th>
<td>$15</td>
<td>$50</td>
</tr>
</table>
<h2>Where and When</h2>
<h3>Loeb Boathouse</h3>
<p>From April to November bicycles are available on first come first serve basis for riding in Central Park.</p>
<h2>Deposits</h2>
<h3>Cash or credit card</h3>
<p>A $200 deposit is required for the hire of any of our bicycles.</p>
</div>
</body>
</html>
css code:
name:styles.css
/* Styles */
@import url("tables.css");
@import url("typography.css");
body {
color: #666666;
background-color: #f8f8f8;
text-align: center;}
#page {
width: 600px;
text-align: left;
margin-left: auto;
margin-right: auto;
border: 1px solid #d6d6d6;
padding: 20px;}
h3 {
color: #547ca0;}
output:
0 comments:
Post a Comment