From 6550790012b82c060e8850b0c43da9c03bbf10dc Mon Sep 17 00:00:00 2001 From: Tom Close Date: Thu, 4 Jul 2013 14:36:01 +0100 Subject: [PATCH 1/5] Exercise1 solution --- exercise1.html | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/exercise1.html b/exercise1.html index 0a97b67..87d94d1 100644 --- a/exercise1.html +++ b/exercise1.html @@ -2,6 +2,16 @@ CSS Exercises 1 +

Make me red!

From be79b88d445fab01fa3b4bcb3e500c18b6ee30d3 Mon Sep 17 00:00:00 2001 From: Tom Close Date: Thu, 4 Jul 2013 14:53:40 +0100 Subject: [PATCH 2/5] More of exercise2 done --- exercise2.html | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) diff --git a/exercise2.html b/exercise2.html index e69de29..a32b1d1 100644 --- a/exercise2.html +++ b/exercise2.html @@ -0,0 +1,47 @@ + + + + CSS Exercises 1 + + + + + +
+ +

All about colours

+ +
+

This is a page about colours. You need to fix it so that:

+
    +
  • The sections about blue and yellow have 3pm solid black borders.
    • +
  • The 'About blue' has a light blue background.
    • +
  • The 'About yellow' has a light yellow background.
    • +
  • The list of points about + +
+ +
+

About blue

+ +

I am a paragraph I should be blue, Helvetica, size 16px.

+ +
    +
  • This is an unordered list.
    • +
  • All items in this list should have a yellow background.
    • +
  • Just the items though - not the whole list!
    • +
+ +
+ + + \ No newline at end of file From 33f38b2dbd6572eb3c1c5f4e878c89d22befaa33 Mon Sep 17 00:00:00 2001 From: Tom Close Date: Thu, 4 Jul 2013 15:52:29 +0100 Subject: [PATCH 3/5] exercise2 done --- exercise2.html | 33 ++++++++++++++++++++++++++------- 1 file changed, 26 insertions(+), 7 deletions(-) diff --git a/exercise2.html b/exercise2.html index a32b1d1..b951599 100644 --- a/exercise2.html +++ b/exercise2.html @@ -11,9 +11,9 @@
@@ -26,19 +26,38 @@

All about colours

  • The sections about blue and yellow have 3pm solid black borders.
  • The 'About blue' has a light blue background.
  • The 'About yellow' has a light yellow background.
    • -
  • The list of points about +
  • The list of points in the 'About blue' section should be in blue text (but the paragraph text shouldn't be).
    • +
  • The list of points in the 'About yellow' section should be in orange text (but the paragraph text shouldn't be).
    • +
  • The final item in both colour section lists is the most important. It should be in font size 16px, with font weight bold.
    • +
  • The navigation at the top should have a red background with white text.
    • +

    About blue

    -

    I am a paragraph I should be blue, Helvetica, size 16px.

    +

    This section is all about the colour blue. This text should be black.

    + +
      +
    • This is an unordered list.
      • +
    • It contains some stuff about the colour blue.
      • +
    • The text should be blue.
      • +
    • The biggest blue animal in the world is the blue whale.
      • +
    + +
    + +
    +

    About blue

    + +

    The section is all about the colour yellow. This text should be black.

    • This is an unordered list.
      • -
    • All items in this list should have a yellow background.
      • -
    • Just the items though - not the whole list!
      • +
    • It contains some stuff about the colour yellow.
      • +
    • The text should be orange.
      • +
    • The tastiest yellow fruit is the banana - much nicer than lemons.
    From fe987746f2e2d65868615b98227ab50a196cebde Mon Sep 17 00:00:00 2001 From: Tom Close Date: Thu, 4 Jul 2013 16:00:32 +0100 Subject: [PATCH 4/5] Exercise 2 solution --- exercise2.html | 22 +++++++++++++++++----- 1 file changed, 17 insertions(+), 5 deletions(-) diff --git a/exercise2.html b/exercise2.html index b951599..1d1fc81 100644 --- a/exercise2.html +++ b/exercise2.html @@ -1,12 +1,22 @@ - CSS Exercises 1 + CSS Exercise 2 @@ -23,9 +33,9 @@

    All about colours

    This is a page about colours. You need to fix it so that:

      -
    • The sections about blue and yellow have 3pm solid black borders.
      • -
    • The 'About blue' has a light blue background.
      • -
    • The 'About yellow' has a light yellow background.
      • +
    • The sections about blue and yellow have 3px solid black borders.
      • +
    • The 'About blue' has a light blue (#F0F8FF) background.
      • +
    • The 'About yellow' has a light yellow (#FFEBCD) background.
    • The list of points in the 'About blue' section should be in blue text (but the paragraph text shouldn't be).
    • The list of points in the 'About yellow' section should be in orange text (but the paragraph text shouldn't be).
    • The final item in both colour section lists is the most important. It should be in font size 16px, with font weight bold.
      • @@ -48,8 +58,10 @@

      About blue

    +
    +
    -

    About blue

    +

    About yellow

    The section is all about the colour yellow. This text should be black.

    From 1b2b33fc18ec0e66d84a34a13c8e6c6a1495eb6e Mon Sep 17 00:00:00 2001 From: Tom Close Date: Thu, 4 Jul 2013 16:02:53 +0100 Subject: [PATCH 5/5] Tweak (blue colour description in text) --- exercise2.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/exercise2.html b/exercise2.html index 1d1fc81..42e9a9f 100644 --- a/exercise2.html +++ b/exercise2.html @@ -34,7 +34,7 @@

    All about colours

    This is a page about colours. You need to fix it so that:

    • The sections about blue and yellow have 3px solid black borders.
      • -
    • The 'About blue' has a light blue (#F0F8FF) background.
      • +
    • The 'About blue' has a light blue (#6495ED) background.
    • The 'About yellow' has a light yellow (#FFEBCD) background.
    • The list of points in the 'About blue' section should be in blue text (but the paragraph text shouldn't be).
    • The list of points in the 'About yellow' section should be in orange text (but the paragraph text shouldn't be).