From 60a376854fc30c892f42b29b1c78049f62489491 Mon Sep 17 00:00:00 2001 From: Andi Date: Wed, 7 May 2025 07:42:40 +0200 Subject: [PATCH] consegna es --- .../css/dalipi_esercitazione_css_49.css | 32 ++++++++++++++++ .../css/dalipi_esercitazione_css_49.html | 38 +++++++++++++++++++ .../css/dalipi_esercitazione_css_50.css | 15 ++++++++ .../css/dalipi_esercitazione_css_50.html | 20 ++++++++++ .../css/dalipi_esercitazione_css_51.css | 23 +++++++++++ .../css/dalipi_esercitazione_css_51.html | 18 +++++++++ .../css/dalipi_esercitazione_css_52.css | 27 +++++++++++++ .../css/dalipi_esercitazione_css_52.html | 19 ++++++++++ .../css/dalipi_esercitazione_css_53.css | 32 ++++++++++++++++ .../css/dalipi_esercitazione_css_53.html | 19 ++++++++++ .../css/dalipi_esercitazione_css_54.css | 30 +++++++++++++++ .../css/dalipi_esercitazione_css_54.html | 18 +++++++++ 12 files changed, 291 insertions(+) create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.css create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.html create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.css create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.html create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.css create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.html create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.css create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.html create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.css create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.html create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.css create mode 100644 TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.html diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.css new file mode 100644 index 00000000..73eaf850 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.css @@ -0,0 +1,32 @@ +.cont { + display: grid; + grid-template-columns: repeat(6, 1fr); + grid-template-rows: repeat(7, minmax(50px,1fr)); + } + + .cont > div { + border: 1px solid red; + background-color: white; + display: flex; + align-items: center; + justify-content: center; + font-weight: bolder; + } + + .lunga { + grid-column: 2 / 5; + } + + .alta { + grid-row: 2 / 5; + } + + .grossa { + grid-column: 2 / 5; + grid-row: 2 / 5; + } + + .media { + grid-column: 5 / 7; + grid-row: 5 / 8; + } \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.html new file mode 100644 index 00000000..e7ca7050 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_49.html @@ -0,0 +1,38 @@ + + + + + + + Esercizio 49 + + + +
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+ + diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.css new file mode 100644 index 00000000..d9f8b9ae --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.css @@ -0,0 +1,15 @@ +.cont{ + display: grid; + grid-template-columns: repeat(3,100px); + grid-template-rows: repeat(2,minmax(50px,1fr)); + gap: 10px; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; +} \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.html new file mode 100644 index 00000000..f0eba0af --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_50.html @@ -0,0 +1,20 @@ + + + + + + + Esercizio 50 + + + +
+
A
+
B
+
C
+
D
+
E
+
F
+
+ + diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.css new file mode 100644 index 00000000..ea468b6c --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.css @@ -0,0 +1,23 @@ +.cont{ + display: grid; + grid-template-columns: repeat(3,100px); + grid-template-rows: repeat(2,minmax(50px,1fr)); + gap: 10px; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; +} +.a{ + grid-column: 1 / 3; + +} +.b{ + grid-row: 1 / 3; + grid-column: 3; +} \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.html new file mode 100644 index 00000000..b58f69da --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_51.html @@ -0,0 +1,18 @@ + + + + + + + Esercizio 51 + + + +
+
A
+
B
+
C
+
D
+
+ + \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.css new file mode 100644 index 00000000..8cd417bd --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.css @@ -0,0 +1,27 @@ +.cont{ + display: grid; + grid-template-columns: repeat(4,100px); + grid-template-rows: repeat(3,minmax(50px,1fr)); + gap: 10px; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; +} +.a{ + grid-column: 1 / 3; +} +.b{ + grid-column: 3 / 5; +} +.d{ + grid-column: 2 / 5; +} +.e{ + grid-column: 1 / 5; +} diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.html new file mode 100644 index 00000000..8e5d18ca --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_52.html @@ -0,0 +1,19 @@ + + + + + + + Esercizio 52 + + + +
+
A
+
B
+
C
+
D
+
E
+
+ + \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.css new file mode 100644 index 00000000..00dd8739 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.css @@ -0,0 +1,32 @@ +.cont{ + display: grid; + grid-template-columns: repeat(3,10%); + grid-template-rows: repeat(3,auto); + gap: 10px; + grid-template-areas: "header header header""sidebar content sidebar2""footer footer footer"; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; + padding: 10px; +} +.h{ + grid-area: header; +} +.s1{ + grid-area: sidebar; +} +.s2{ + grid-area: sidebar2; +} +.c{ + grid-area: content; +} +.f{ + grid-area: footer; +} \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.html new file mode 100644 index 00000000..c7e3adf0 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_53.html @@ -0,0 +1,19 @@ + + + + + + + Esercizio 53 + + + +
+
Header
+
Sidebar
+
Content
More content than we had before so this column is now quite tall.
+
Sidebar 2
+
Footer
+
+ + \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.css b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.css new file mode 100644 index 00000000..cee8b5a4 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.css @@ -0,0 +1,30 @@ +.cont{ + display: grid; + grid-template-columns: repeat(2,auto); + grid-template-rows: repeat(3,auto); + gap: 10px; + width: 250px; + grid-template-areas: ". header""sidebar content""footer footer"; +} + +.cont > div{ + background-color: rgb(71, 71, 71); + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + color: white; + padding: 10px; +} +.h{ + grid-area: header; +} +.s{ + grid-area: sidebar; +} +.c{ + grid-area: content; +} +.f{ + grid-area: footer; +} \ No newline at end of file diff --git a/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.html b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.html new file mode 100644 index 00000000..b2fefa19 --- /dev/null +++ b/TPSI/dalipi_andi/css/dalipi_esercitazione_css_54.html @@ -0,0 +1,18 @@ + + + + + + + Esercizio 54 + + + +
+
Header
+
Sidebar
+
Content
More content than we had before so this column is now quite tall.
+
Footer
+
+ +