diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_CSS_47.CSS b/TPSI/wang_enrico/Css es/wang_esercizio_CSS_47.CSS deleted file mode 100644 index e69de29b..00000000 diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_CSS_47.html b/TPSI/wang_enrico/Css es/wang_esercizio_CSS_47.html deleted file mode 100644 index e69de29b..00000000 diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_CSS_46.CSS b/TPSI/wang_enrico/Css es/wang_esercizio_css_46.css similarity index 87% rename from TPSI/wang_enrico/Css es/wang_esercizio_CSS_46.CSS rename to TPSI/wang_enrico/Css es/wang_esercizio_css_46.css index b3a9df10..c48ca793 100644 --- a/TPSI/wang_enrico/Css es/wang_esercizio_CSS_46.CSS +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_46.css @@ -1,19 +1,20 @@ -.container { - display: flex; - flex-direction: row; - background-color: #ffffff; - width: 300px; - padding: 10px; - height: 300px; - border: solid 2px blue; - align-items: center; - } - - .item { - background-color: #359fe6; - border: 1px solid #0d1dff; - width: 100px; - padding: 10px; - text-align:center; - align-items: center; +.container { + display: flex; + flex-direction: row; + background-color: #ffffff; + width: 300px; + padding: 10px; + height: 300px; + border: solid 2px blue; + align-items: center; + justify-content: center; + + } + + .item { + background-color: #359fe6; + border: 1px solid #0d1dff; + width: 100px; + padding: 10px; + text-align:center; } \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_CSS_46.html b/TPSI/wang_enrico/Css es/wang_esercizio_css_46.html similarity index 79% rename from TPSI/wang_enrico/Css es/wang_esercizio_CSS_46.html rename to TPSI/wang_enrico/Css es/wang_esercizio_css_46.html index da06ffc0..80a67bc7 100644 --- a/TPSI/wang_enrico/Css es/wang_esercizio_CSS_46.html +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_46.html @@ -1,15 +1,15 @@ - - - - - - Document - - - -
-
Center me
- -
- + + + + + + Document + + + +
+
Center me
+ +
+ \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_47.css b/TPSI/wang_enrico/Css es/wang_esercizio_css_47.css new file mode 100644 index 00000000..7bb9cdf1 --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_47.css @@ -0,0 +1,25 @@ +body { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + background-color: #f0f0f0; +} + +.container { + display: flex; + flex-wrap: wrap; + max-width: 600px; + margin: 20px; +} + +.box { + background-color: #4a90e2; + color: white; + padding: 10px 20px; + margin: 5px; + border-radius: 5px; + text-align: center; + flex: 1 1 auto; +} diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_47.html b/TPSI/wang_enrico/Css es/wang_esercizio_css_47.html new file mode 100644 index 00000000..9a3ce865 --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_47.html @@ -0,0 +1,24 @@ + + + + + + + + + +
+
Turnip
+
greens
+
yarrow
+
ricebean
+
rutabaga
+
endive
+
cauliflower
+
sea lettuce
+
kohlrabi
+
amaranth
+
+ + + \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_48.css b/TPSI/wang_enrico/Css es/wang_esercizio_css_48.css new file mode 100644 index 00000000..1179c445 --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_48.css @@ -0,0 +1,28 @@ +.container { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + .grid { + width: 512px; + height: 512px; + display: grid; + grid-template-columns: repeat(4, 1fr); + border: 2px solid; + } + + h2 { + text-align: center; + } + + .cell { + display: flex; + align-items: center; + justify-content: center; + font-size: 20px; + border: 1px solid; + background-color: orange; + text-align: center; + } \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_48.html b/TPSI/wang_enrico/Css es/wang_esercizio_css_48.html new file mode 100644 index 00000000..861b0003 --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_48.html @@ -0,0 +1,32 @@ + + + + + + Document + + + +
+

Il gioco de 15

+
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
+
+
+ + \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_49.css b/TPSI/wang_enrico/Css es/wang_esercizio_css_49.css new file mode 100644 index 00000000..e4289d5e --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_49.css @@ -0,0 +1,40 @@ +.grid { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 800px; + display: grid; + grid-template-columns: repeat(6, 1fr); + grid-template-rows: repeat(6, 1fr); + text-align: center; + } + + .cell{ + border: 1px solid red; + padding: 10px; + } + + .cell:nth-child(2){ + border: none; + } + + .cell:nth-child(1) { + grid-row: 1 /2; + grid-column: 2 / 5; + } + + .cell:nth-child(4){ + grid-row: 2 /5; + grid-column: 1 / 1; + } + + .cell:nth-child(5){ + grid-row: 2 / 5; + grid-column: 2 / 5; + } + + .cell:last-child{ + grid-row: 5 / 8; + grid-column: 5 / 7; + } \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_49.html b/TPSI/wang_enrico/Css es/wang_esercizio_css_49.html new file mode 100644 index 00000000..a4ffd0a7 --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_49.html @@ -0,0 +1,39 @@ + + + + + + + Document + + + +
+
1
+
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+ + \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_50.css b/TPSI/wang_enrico/Css es/wang_esercizio_css_50.css new file mode 100644 index 00000000..73124466 --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_50.css @@ -0,0 +1,18 @@ +.grid { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + display: grid; + gap: 10px; + grid-template-columns: repeat(3, 1fr); + } + + .cell{ + background-color: rgb(41, 41, 41); + color: #fff; + font-size: 40px; + padding: 55px; + width: 120px; + border-radius: 10px; + } \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_50.html b/TPSI/wang_enrico/Css es/wang_esercizio_css_50.html new file mode 100644 index 00000000..7ec4a399 --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_50.html @@ -0,0 +1,19 @@ + + + + + + Document + + + +
+
A
+
B
+
C
+
D
+
E
+
F
+
+ + \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_51.css b/TPSI/wang_enrico/Css es/wang_esercizio_css_51.css new file mode 100644 index 00000000..7670d04e --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_51.css @@ -0,0 +1,27 @@ +.grid { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + display: grid; + width: 650px; + gap: 10px; + grid-template-columns: repeat(3, 1fr); + } + + .cell{ + background-color: rgb(41, 41, 41); + color: #fff; + font-size: 40px; + padding: 55px; + border-radius: 10px; + } + + .cell:nth-child(1){ + grid-column: 1/ 3; + } + + .cell:nth-child(2){ + grid-row: 1 / 3; + grid-column: 3 / 4; + } \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_51.html b/TPSI/wang_enrico/Css es/wang_esercizio_css_51.html new file mode 100644 index 00000000..66152c8f --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_51.html @@ -0,0 +1,17 @@ + + + + + + Document + + + +
+
A
+
B
+
C
+
D
+
+ + \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_52.css b/TPSI/wang_enrico/Css es/wang_esercizio_css_52.css new file mode 100644 index 00000000..f18bb85e --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_52.css @@ -0,0 +1,34 @@ +.grid { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 700px; + display: grid; + gap: 10px; + grid-template-columns: repeat(4, 1fr); + } + + .cell{ + background-color: rgb(41, 41, 41); + color: #fff; + font-size: 40px; + padding: 55px; + border-radius: 10px; + } + + .cell:nth-child(1){ + grid-column: 1 / 3; + } + + .cell:nth-child(2){ + grid-column: 3 / 5; + } + + .cell:nth-child(4){ + grid-column: 2 / 5; + } + + .cell:last-child{ + grid-column: 1 / 5; + } \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_css_52.html b/TPSI/wang_enrico/Css es/wang_esercizio_css_52.html new file mode 100644 index 00000000..3303d48e --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_css_52.html @@ -0,0 +1,18 @@ + + + + + + Document + + + +
+
A
+
B
+
C
+
D
+
E
+
+ + \ No newline at end of file diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_esinclasse.css b/TPSI/wang_enrico/Css es/wang_esercizio_esinclasse.css new file mode 100644 index 00000000..1e39dd7c --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_esinclasse.css @@ -0,0 +1,123 @@ +.grid-container { + display: grid; + grid-template-columns:repeat(9, 1fr); + grid-template-rows: repeat(9,1fr); + width: 475px; + height: 475px; + border: solid black 5px; + background-color: grey; +} +.grid-item{ + border: solid black 5px; + +} +.grid-item:nth-child(1){ + background-color: #edfaf4; +grid-column: 1/3; +grid-row: 1; +} +.grid-item:nth-child(2){ + background-color: #f0ecdb; +grid-column: 3/6; +grid-row: 1; +} +.grid-item:nth-child(3){ + background-color: #ffe06c; +grid-column: 6/8; +grid-row: 1; +} +.grid-item:nth-child(4){ +grid-column: 8/9; +grid-row: 1/7; + background-color: aqua; + + +} +.grid-item:nth-child(5){ + background-color: aqua; +grid-column: 9/10; +grid-row: 1/3; +} +.grid-item:nth-child(6){ +grid-column:1 /5 ; +grid-row: 2/6; +background-color: red; +} +.grid-item:nth-child(7){ +grid-column:5/7 ; +grid-row: 2/4; +background-color: rgb(126, 150, 23); +} +.grid-item:nth-child(8){ +grid-column:7/8; +grid-row: 2/5; +background-color: rgb(126, 150, 23); +} +.grid-item:nth-child(9){ +grid-column:7/8; +grid-row: 2/5; +background-color: rgb(126, 150, 23); +} +.grid-item:nth-child(10){ +grid-column:5/6; +grid-row: 4/6; +background-color: rgb(126, 150, 23); +} +.grid-item:nth-child(11){ +grid-column:6/7; +grid-row: 4/5; +background-color: rgb(8, 8, 7); +} +.grid-item:nth-child(12){ +grid-column:9/10; +grid-row: 3/5; +background-color: rgb(8, 8, 7); +}.grid-item:nth-child(13){ +grid-column:6/8; +grid-row: 5/7; +background-color: rgb(124, 7, 7); +}.grid-item:nth-child(14){ +grid-column:9/10; +grid-row: 5/8; +background-color: rgb(238, 238, 8); +} +.grid-item:nth-child(15){ +grid-column:1/3; +grid-row: 6/7; +background-color: rgb(150, 150, 143); +} + +.grid-item:nth-child(16){ +grid-column:5/6; +grid-row: 6/9; +background-color: rgb(236, 5, 5); +} +.grid-item:nth-child(17){ +grid-column:3/5; +grid-row: 6/7; +background-color: rgb(235, 5, 5); +} +.grid-item:nth-child(18){ +grid-column:1/3; +grid-row: 7/8; +background-color: rgb(150, 150, 143); +} +.grid-item:nth-child(19){ +grid-column:1/3; +grid-row: 8/9; +background-color: rgb(150, 150, 143); +} +.grid-item:nth-child(20){ +grid-column:1/5; +grid-row: 9/10; +background-color: rgb(150, 150, 143); +} +.grid-item:nth-child(21){ +grid-column:3/5; +grid-row: 7/9; +background-color: rgb(70, 0, 161); +}.grid-item:nth-child(22){ +grid-column:6/8; +grid-row: 7/9; +background-color: rgb(70, 0, 161); +} diff --git a/TPSI/wang_enrico/Css es/wang_esercizio_esinclasse.html b/TPSI/wang_enrico/Css es/wang_esercizio_esinclasse.html new file mode 100644 index 00000000..755cedc4 --- /dev/null +++ b/TPSI/wang_enrico/Css es/wang_esercizio_esinclasse.html @@ -0,0 +1,42 @@ + + + + + + Document + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + +
+ + + \ No newline at end of file