diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..ec08642 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ + +ola*/ \ No newline at end of file diff --git a/boxmodel/index.html b/boxmodel/index.html new file mode 100644 index 0000000..e379dbe --- /dev/null +++ b/boxmodel/index.html @@ -0,0 +1,53 @@ + + + + Box Model + + + + + +
+

this is a header

+
+
+ + + +

Introduction to Box Model

+ +
+

so true

+
+
+

so true

+
+
+

so true

+
+ +

list

+ + +
+ matt morris - 2026 +
+ + diff --git a/boxmodel/styles.css b/boxmodel/styles.css new file mode 100644 index 0000000..482ef14 --- /dev/null +++ b/boxmodel/styles.css @@ -0,0 +1,72 @@ +div.box { + background-color: lightgray; + width: 50px; + /* top right bottom left */ + padding: 20px; + margin: 20px 2px 4px 9px; + border: 5px dashed red; + display: inline-block; +} + +ul.nav { + overflow: hidden; + list-style-type: none; + background-color: blanchedalmond; + margin: 0; + padding: 0; + width: 100%; +} +ul.nav > li { + float: left; +} +ul.nav > li a, +.dropbtn { + display: inline-block; + color: black; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} +ul.nav > li a:hover, +.dropdown:hover .dropbtn { + background-color: black; + color: white; +} +ul.nav > li.dropdown { + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: blanchedalmond; + min-width: 160px; + z-index: 1; +} +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; +} + +.dropdown-content a:hover { + background-color: black; + color: white; +} + +.dropdown:hover .dropdown-content { + display: block; +} + +img.float { + float: right; +} + +div.footer, div.header { + background-color: lightblue; + text-align: center; + padding: 20px; + overflow: hidden; +} diff --git a/introtohtml/index.html b/introtohtml/index.html index 5013264..5b7f79e 100644 --- a/introtohtml/index.html +++ b/introtohtml/index.html @@ -36,6 +36,35 @@
+ + + + + + + + + + + + + + + + + + + + + + + + + +
usernameemail
mattmatt@example.com
mattmatt@example.com
mattmatt@example.com
mattmatt@example.com
+ +
+

first child

second child

diff --git a/introtohtml/styles.css b/introtohtml/styles.css index 31f2c6e..4f21572 100644 --- a/introtohtml/styles.css +++ b/introtohtml/styles.css @@ -40,6 +40,21 @@ p:nth-child(2) { color: green; } +table tr:nth-child(even) { + background-color: rgba(0, 255, 255, 0.422); +} +table tr:nth-child(odd) { + background-color: rgba(255, 0, 0, 0.424); +} +th { + background-color: rgba(255, 255, 255, 0.625); +} + +div { + padding: 50px; + margin: 20px; +} + h1, h2, h3,