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 323f64c..1240263 100644 --- a/index.html +++ b/index.html @@ -3,12 +3,122 @@ - Document + DocumentRonellBaptiste