From f2544d761a86c55aeb9ab72b3f6ec044db16203f Mon Sep 17 00:00:00 2001 From: Kristyn Bryan Date: Thu, 19 May 2016 17:23:22 -0400 Subject: [PATCH] moved homework files --- .../w01d04/homework/{ => CSS_Selector}/CSS.md | 0 .../w01d04/homework/CSS_Selector/index.html | 19 ++-- .../w01d04/homework/CSS_Selector/style.css | 94 +------------------ 3 files changed, 10 insertions(+), 103 deletions(-) rename unit_01/w01d04/homework/{ => CSS_Selector}/CSS.md (100%) diff --git a/unit_01/w01d04/homework/CSS.md b/unit_01/w01d04/homework/CSS_Selector/CSS.md similarity index 100% rename from unit_01/w01d04/homework/CSS.md rename to unit_01/w01d04/homework/CSS_Selector/CSS.md diff --git a/unit_01/w01d04/homework/CSS_Selector/index.html b/unit_01/w01d04/homework/CSS_Selector/index.html index 85443a5..439c2bd 100644 --- a/unit_01/w01d04/homework/CSS_Selector/index.html +++ b/unit_01/w01d04/homework/CSS_Selector/index.html @@ -11,11 +11,9 @@
@@ -27,19 +25,19 @@

content

-

The default display style of a <div> tag is BLOCK.

+

-

The best way to horizontally center an element is to set the left-margin and right-margin to auto or use the margin: 0 auto declaration.

+

-

Padding is the space between an element and it's border ("insidey" or "indoorsy"), while margin is the space between that border and an adjacent element ("outsidey" or "outdoorsy").

+

-

Fixed positioning places an element in relation to the browser window, while absolute positioning places an element in relation to it's container.

+

-

A clearfix will auto-size a floating element's container to match the floating element itself. Otherwise, the element can flow outside it's container in wonky ways.

+

@@ -57,4 +55,3 @@ - diff --git a/unit_01/w01d04/homework/CSS_Selector/style.css b/unit_01/w01d04/homework/CSS_Selector/style.css index fe70ae9..0a68d35 100644 --- a/unit_01/w01d04/homework/CSS_Selector/style.css +++ b/unit_01/w01d04/homework/CSS_Selector/style.css @@ -40,7 +40,6 @@ nav ul { nav { width: 100%; height: 100px; - margin: ; } nav ul{ @@ -48,10 +47,7 @@ nav ul{ } nav h1 ul{ - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; + /*Answer #3 here*/ } @@ -65,106 +61,20 @@ p{ } -#one{ - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; -} - -nav h1 ul li{ - float: left; -} - nav h1 ul li:first-child{ float: right; } nav ul li { - float: left; -} - -#two{ - float: left; - margin:; -} -#three{ - display: block; - width: 120px; - height: 50px; - font-weight: bold; - background-color: transparent; - border: 2px solid grey; - margin: 25px 10px; - text-align: center; - padding: 10% 0; - text-decoration: none; - text-transform: uppercase; } -#navcontainer ul -{ - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; -} -ul#navlist -{ -padding: 0; -margin: 0; -list-style-type: none; -float: left; -width: 100%; -color: #fff; -background-color: #036; -} - nav{ +nav{ position:relative; left: 0px; width: 200px; - } -} -/* -display: block; -width: 120px; -height: 50px; -font-weight: bold; -color: #000; -background-color: transparent; -border: 2px solid grey; -margin: 25px 10px; -text-align: center; -padding: 10% 0; -text-decoration: none; -text-transform: uppercase; -*/ -ul#navlist li { display: inline; } - -ul#navlist li a -{ - -display: block; -width: 120px; -height: 50px -font-weight: bold; -color: #000; -background-color: transparent -border: 2px solid grey; -margin: 25px 10px; -text-align: center; -padding: 10% 0; -text-decoration: none; -text-transform: uppercase; -} - -ul#navlist li a:hover{ -background-color: #369; -color: #fff; } - header{ width: 100%; }