esercizi su css

This commit is contained in:
2014-10-19 14:18:41 +02:00
parent e9628eafd7
commit a4330c4a82
23 changed files with 1261 additions and 0 deletions

146
css14.html Normal file
View File

@@ -0,0 +1,146 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="author" content="xgiovio"/>
<meta name="description" content="A simple test page"/>
<meta name="keywords" content="Ormai google non se le fila piu"/>
<meta name ="robots" content="index"/>
<meta charset="utf-8"/>
<!-- <link rel="stylesheet" href="style.css" type="text/css" /> !-->
<style type="text/css">
body{
counter-reset: c;
}
p#logo {
font-size: 36pt;
font-family: sans-serif;
text-align: center;
}
p#logo > span:nth-child(1) {
color: rgb(0,0,0)
}
p#logo > span:nth-child(2) {
color: rgb(50,50,50)
}
p#logo > span:nth-child(3) {
color: rgb(100,100,100)
}
p#logo > span:nth-child(4) {
color: rgb(200,200,200)
}
p.sublogo {
font-size: 30pt;
text-align: center;
}
h2.innerheader{
text-align: center;
}
table {
width: 100%;
}
td.inner{
width: 50%;
}
</style>
</head>
<body>
<table>
<tr>
<td colspan="2">
<p id="logo"> <span>R</span>
<span>A</span>
<span>I</span>
<span>N</span>
</p>
</td>
</tr>
<tr>
<td colspan="2">
<p class="sublogo">Ristorante con grande terrazza sul mare</p>
</td>
</tr>
<tr>
<td class="inner">
<h2 class="innerheader">fdfdsfds</h2>
</td>
<td class="inner">
<h2 class="innerheader">fsdgfdgfdsg</h2>
</td>
</tr>
</table>
</body>
</html>