From b791fc8de13491bacebd78cf9b57a2413983b425 Mon Sep 17 00:00:00 2001 From: RonJCB Date: Fri, 7 Feb 2025 10:52:54 -0400 Subject: [PATCH 1/3] Lab3 Exercise From 34e778caccc333e4c1609ad1d9b600bb5d1606c1 Mon Sep 17 00:00:00 2001 From: RonJCB Date: Fri, 7 Feb 2025 13:41:43 -0400 Subject: [PATCH 2/3] Update index.html --- index.html | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/index.html b/index.html index 323f64c..77d38d6 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,21 @@ From 616676d90dbe828a1372f92bc5e0702dce8e6e80 Mon Sep 17 00:00:00 2001 From: RonJCB Date: Tue, 11 Feb 2025 21:13:02 -0400 Subject: [PATCH 3/3] Lab3INFO1601 --- Lab3CSS.html | 124 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 124 +++++++++++++++++++++++++++++++++++++++++++++------ 2 files changed, 234 insertions(+), 14 deletions(-) create mode 100644 Lab3CSS.html diff --git a/Lab3CSS.html b/Lab3CSS.html new file mode 100644 index 0000000..c2adcbb --- /dev/null +++ b/Lab3CSS.html @@ -0,0 +1,124 @@ + + + + + + Ronell Baptiste + + + + +
+ + +

Sample content

+

Shakespearean Plays

+ +

Why won't students come to labs? This is something I always ponder. After unprepared students write exams, They watch their marks in wonder.

+ +

Why won't students come to labs? What is more important than class? How can you be a student if you don't even try to pass?

+ +

Why won't students come to labs? It happens all the time. If you came to labs, you'd know what to do. But you would rather duck and go lime.

+ +

Why won't students come to labs? I see them all now stressing. If you only learned this basic programming, You would surely now be zessing.

+ + +
+
+
Notice we must select the h2 child element and apply a text decoration of none so that it overrides the other h2 style written in task 4. + This should produce the following result. + + This should apply an image background to section 1 and a gradient background to section 2. + The selector '::' is used to specify pseudo elements. We use the pseudo element "before" to write a background image to the dom before the section 1 element. The styles within the selector is just a recipe we follow for displaying background images while keeping the text readable. +
+

Section 2 + +

+
+
    +
  1. Height: Uses :hover psuedo class to hide elements of an ordered list when the mouse hovers over them
    2. +
  2. Width
    3. +
  3. Padding:Spacing within an element
    4. +
  4. Border:the edges of the element
    5. +
  5. Margin: Spacing outside the element
    6. +
+ + + Box model + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 77d38d6..1240263 100644 --- a/index.html +++ b/index.html @@ -3,26 +3,122 @@ - Document + DocumentRonellBaptiste