ittagnelli · Viviani-Giorgio · Oct 28, 2025 · Oct 28, 2025 · Oct 28, 2025 · Nov 12, 2025
diff --git a/TPSI/viviani_giorgio/html/Viviani_es_18CSS.html b/TPSI/viviani_giorgio/html/Viviani_es_18CSS.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="it"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/Viviani_esercizio_css_18.css" type="text/css">
+    <title>Esercizio 18</title><!-- titolo della pagina -->
+</head>
+<body>
+  <div id="div1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
+  <div id="div2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
+  <div id="div3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
+
+
+</body></html>
diff --git a/TPSI/viviani_giorgio/html/Viviani_es_28css.html b/TPSI/viviani_giorgio/html/Viviani_es_28css.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/Viviani_esercizio_28.css">    
+    <title>Document</title>
+</head>
+<body>
+    <table align="center" class="parents">
+
+        <th>
+            <div>
+                <img id="child" src="img/tux.png" alt="">
+                    <p>TUX 1</p>
+                </img>
+            </div>
+        </th>
+
+
+        <th >
+            <div>
+                <img id="child" src="img/tux.png" alt="">
+                    <p>TUX 2</p>
+                </img>
+            </div>
+        </th>
+
+
+        <th >
+            <div>
+                <img id="child" src="img/tux.png" alt="">
+                    <p>TUX 3</p>
+                </img>
+            </div>
+        </th>
+
+        <th>
+            <div>
+            <img id="child" src="img/tux.png" alt="">
+                <p>TUX 4</p>
+            </img>
+            </div>
+        </th>
+
+
+        <th>
+            <div>
+            <img id="child" src="img/tux.png" alt="">
+                <p>TUX 5</p>
+            </img>
+            </div>
+        </th>
+
+    </table>
+</body>
+</html>
diff --git a/TPSI/viviani_giorgio/html/css/Viviani_esercizio_28.css b/TPSI/viviani_giorgio/html/css/Viviani_esercizio_28.css
@@ -0,0 +1,15 @@
+#child {
+    width: 150px;
+    float : left;
+    border: 1px solid black;
+}
+
+.parents {
+    padding : 25px;
+    border: 20px solid rgba(70, 108, 170, 0.988);
+}
+
+p {
+    border: 1px solid black;
+    text-transform: bold;
+}
diff --git a/TPSI/viviani_giorgio/html/css/Viviani_esercizio_css_18.css b/TPSI/viviani_giorgio/html/css/Viviani_esercizio_css_18.css
@@ -0,0 +1,33 @@
+div {
+    background-color: lightblue;
+    color:navy;
+    border-top: 15px solid navy;
+    border-bottom: 15px solid navy;
+ }
+
+ #div1 {
+   width: 100px;
+   padding: 25px;
+   border: 25px solid navy;
+   margin-bottom: 2rem;
+
+ }
+
+ #div2 {
+   width: 250px;
+   padding-left: 15px;
+   padding-right: 10px;
+   border-left: 10px solid navy;
+   border-right: 15px solid navy;
+   margin-bottom: 2rem;
+
+ }
+
+ #div3 {
+   width: 353px;
+   padding-left: 1px;
+   padding-right: 19px;
+   border-left: 14px solid navy;
+   border-right: 21px solid navy;
+
+ }
diff --git a/TPSI/viviani_giorgio/html/css/viviani_esercizio_19.css b/TPSI/viviani_giorgio/html/css/viviani_esercizio_19.css
@@ -0,0 +1,14 @@
+h1 {
+        border-bottom: solid 5px rgb(30, 27, 206);
+        border-left: solid 7px rgb(0, 0, 0);    
+   }
+
+h2 {
+        border-top: dashed 2px rgb(9, 187, 9);
+   }
+
+p  {
+        border-bottom: dashed 3px rgba(123, 128, 123, 0.87) ;
+        border-left: solid 6px rgb(4, 92, 4);
+        border-right: solid 6px rgb(4, 92, 4);
+   }
diff --git a/TPSI/viviani_giorgio/html/css/viviani_esercizio_20.css b/TPSI/viviani_giorgio/html/css/viviani_esercizio_20.css
@@ -0,0 +1,22 @@
+h1 {
+  text-transform: uppercase;
+  color: blue;
+}
+
+h2 {
+  text-transform: capitalize;
+  color: red;
+  text-decoration: underline;
+}
+
+p {
+  text-align: justify;
+}
+
+#p3 {
+  text-align: right;
+}
+
+#omb {
+  text-shadow: 2px 2px 1.5px black;
+}
diff --git a/TPSI/viviani_giorgio/html/css/viviani_esercizio_21.css b/TPSI/viviani_giorgio/html/css/viviani_esercizio_21.css
@@ -0,0 +1,42 @@
+#d1 {
+  font-family: "BJCree", serif;
+  font-weight: 400;
+  font-style: normal;
+}
+
+#d2 {
+  font-family: "BJCree", serif;
+  font-weight: 500;
+  font-style: normal;
+}
+
+#d3 {
+  font-family: "BJCree", serif;
+  font-weight: 600;
+  font-style: normal;
+}
+
+#d4 {
+  font-family: "BJCree", serif;
+  font-weight: 700;
+  font-style: normal;
+}
+
+ul.b {
+  list-style-type: none;
+}
+
+ul.b li:before {
+  content: "done_outline";
+  font-family: "Material Icons";
+  color: blue;
+  padding-right: 6.7px;
+}
+
+ul.c {
+  list-style-type: circle;
+}
+ol{
+list-style-type: upper-roman;
+
+}
diff --git a/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_22.css b/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_22.css
@@ -0,0 +1,26 @@
+li {
+    display: inline;
+    float: left ;
+    padding: 10px;
+    background-color: black;
+    color: white;
+
+}
+
+li:hover {
+    background-color: white;
+    color: black;
+}
+
+.abt {
+    background-color:grey;
+    color: white;
+}
+
+.abt:hover {
+    background-color: white;
+    color: grey;
+}
+
+
+
diff --git a/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_23.css b/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_23.css
@@ -0,0 +1,25 @@
+.menu {
+    overflow: hidden;
+}
+
+.item {
+    float: left;
+    padding: 10px;
+    background-color: black;
+    color: white;
+}
+
+.item:hover {
+    background-color: white;
+    color: black;
+}
+
+.abt {
+    background-color: grey;
+    color: white;
+}
+
+.abt:hover {
+    background-color: white;
+    color: grey;
+}
diff --git a/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_24.css b/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_24.css
@@ -0,0 +1,33 @@
+body {
+    font-family: Arial, sans-serif;
+}
+
+.scacchiera {
+    width: 400px;
+    margin: 20px auto;
+}
+
+.riga {
+    overflow: hidden;
+}
+
+.casella {
+    width: 50px;
+    height: 50px;
+    float: left;
+    text-align: center;
+    line-height: 50px;
+    font-size: 12px;
+}
+
+.riga:nth-child(odd) .casella:nth-child(odd),
+.riga:nth-child(even) .casella:nth-child(even) {
+    background-color: white;
+    color: black;
+}
+
+.riga:nth-child(odd) .casella:nth-child(even),
+.riga:nth-child(even) .casella:nth-child(odd) {
+    background-color: black;
+    color: white;
+}
diff --git a/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_25.css b/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_25.css
@@ -0,0 +1,21 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 20px;
+}
+
+#num {
+ background-color: purple;
+ color: white;
+ width: 100px;
+ height: 100px;
+ text-align: left;
+ line-height: 30px;
+float: left;
+
+}
+
+div {
+    width: 100px;
+    height: 100px;
+    float: left;
+}   
diff --git a/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_26.css b/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_26.css
@@ -0,0 +1,30 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 20px;
+}
+
+.contenitore {
+    overflow: hidden; 
+    width: 430px;
+    padding: 20px;
+    background-color: purple;
+
+}
+
+.riquadro {
+    width: 110px;
+    height: 110px;
+    float: right;
+    background-color: rgb(103, 193, 193);
+    color: white;
+    padding: 15px;
+    border-radius: 5px;
+
+}
+
+p {
+    color: white;
+    font-size: 18px;
+    margin: 0;
+
+}
diff --git a/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_27.css b/TPSI/viviani_giorgio/html/css/viviani_esercizio_css_27.css
@@ -0,0 +1,27 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 20px;
+}
+
+.box {
+    width: 180px;
+    height: 180px;
+    float: left;
+    background-color: purple;
+    color: white;
+    font-size: 28px;
+    padding: 20px;
+    border-radius: 8px;
+    margin-right: 20px;
+}
+
+.testo-sopra {
+    font-size: 28px;
+
+}
+
+.testo-sotto {
+    font-size: 28px;
+    clear: left;
+    margin-top: 20px;
+}