diff --git a/foundations/cascade/01-cascade-fix/index.html b/foundations/cascade/01-cascade-fix/index.html index 0c5b2271748..24706e1dcd7 100644 --- a/foundations/cascade/01-cascade-fix/index.html +++ b/foundations/cascade/01-cascade-fix/index.html @@ -20,3 +20,4 @@ + diff --git a/foundations/cascade/01-cascade-fix/style.css b/foundations/cascade/01-cascade-fix/style.css index daf07e0e8a4..b8eca7563b5 100644 --- a/foundations/cascade/01-cascade-fix/style.css +++ b/foundations/cascade/01-cascade-fix/style.css @@ -8,7 +8,7 @@ body { font-weight: 800; } -.small-para { +p.small-para { font-size: 14px; font-weight: 800; } @@ -23,13 +23,13 @@ body { font-weight: bold; } -.button { +.button #cancel { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 20px; } -.child { +.text.child { color: rgb(0, 0, 0); font-weight: 800; font-size: 14px; diff --git a/foundations/intro-to-css/02-class-id-selectors/index.html b/foundations/intro-to-css/02-class-id-selectors/index.html index 263042ae92a..71d41fb5bfe 100644 --- a/foundations/intro-to-css/02-class-id-selectors/index.html +++ b/foundations/intro-to-css/02-class-id-selectors/index.html @@ -8,10 +8,10 @@ -

Number 1 - I'm a class!

-
Number 2 - I'm one ID.
-

Number 3 - I'm a class, but cooler!

-
Number 4 - I'm another ID.
-

Number 5 - I'm a class!

+

Number 1 - I'm a class!

+
Number 2 - I'm one ID.
+

Number 3 - I'm a class, but cooler!

+
Number 4 - I'm another ID.
+

Number 5 - I'm a class!

- \ No newline at end of file + diff --git a/foundations/intro-to-css/02-class-id-selectors/style.css b/foundations/intro-to-css/02-class-id-selectors/style.css index e69de29bb2d..3f3e653a395 100644 --- a/foundations/intro-to-css/02-class-id-selectors/style.css +++ b/foundations/intro-to-css/02-class-id-selectors/style.css @@ -0,0 +1,16 @@ +.odd{ + background-color: lightpink; + font-family: "Verdana", "DejaVu sans", sans serif; +} +#one{ + color: rgb(0, 0, 255); + font-size: 36px; +} +.odd.one{ + font-size: 24px; +} +.odd.two{ + background-color: lightgreen; + font-weight: bold; +} + diff --git a/foundations/intro-to-css/03-grouping-selectors/index.html b/foundations/intro-to-css/03-grouping-selectors/index.html index 796431e53ea..c0422be479d 100644 --- a/foundations/intro-to-css/03-grouping-selectors/index.html +++ b/foundations/intro-to-css/03-grouping-selectors/index.html @@ -8,7 +8,7 @@ - - + + \ No newline at end of file diff --git a/foundations/intro-to-css/03-grouping-selectors/style.css b/foundations/intro-to-css/03-grouping-selectors/style.css index e69de29bb2d..c4045620cfa 100644 --- a/foundations/intro-to-css/03-grouping-selectors/style.css +++ b/foundations/intro-to-css/03-grouping-selectors/style.css @@ -0,0 +1,11 @@ +.first{ + background-color: #000000; + color: #FFFFFF; +} +.second{ + background-color: yellow; +} +cls{ + font-size: 28px; + font-family: "Helvetica", "Times New Roman", "Sans-serif"; +} \ No newline at end of file diff --git a/foundations/intro-to-css/04-chaining-selectors/style.css b/foundations/intro-to-css/04-chaining-selectors/style.css index d55c2c5c709..3f44c854991 100644 --- a/foundations/intro-to-css/04-chaining-selectors/style.css +++ b/foundations/intro-to-css/04-chaining-selectors/style.css @@ -1 +1,9 @@ -/* Add CSS Styling */ \ No newline at end of file +/* Add CSS Styling */ +.avatar.proportioned{ + width: 300px; + height: auto; +} +.avatar.distorted{ + width: 200px; + height: 400px; +} \ No newline at end of file diff --git a/foundations/intro-to-css/05-descendant-combinator/index.html b/foundations/intro-to-css/05-descendant-combinator/index.html index 9da1ae50dda..163df1253c1 100644 --- a/foundations/intro-to-css/05-descendant-combinator/index.html +++ b/foundations/intro-to-css/05-descendant-combinator/index.html @@ -18,4 +18,5 @@

This should be styled.

- \ No newline at end of file + + \ No newline at end of file diff --git a/foundations/intro-to-css/05-descendant-combinator/style.css b/foundations/intro-to-css/05-descendant-combinator/style.css index e69de29bb2d..f448d164371 100644 --- a/foundations/intro-to-css/05-descendant-combinator/style.css +++ b/foundations/intro-to-css/05-descendant-combinator/style.css @@ -0,0 +1,6 @@ +div p{ + background-color: yellow; + color: red; + font-size: 20px; + text-align: center; +} \ No newline at end of file