Just testing the post to see whether it is updating via email or not.

he #navigation is the selector (the part of the doll we’re targeting) and the 3 lines inside the brackets are the styling instructions. Each line follows the same the format: property: value;. Remember discussing properties earlier? These are all the different options we have for styling our doll. The semi-colon goes at the end of each line to indicate the line has ended. This set of instructions looks like this in English:

  • Add a space of 30 pixels above the navigation element.
  • Add a 1px solid border in the HEX color #efefef above the navigation element.
  • Add a 1px solid border in the HEX color #efefef below the navigation element.

Let’s try changing the border color.

You might be wondering what HEX codes are. They sound complicated, but they’re just 6 character letter / number representations of colors. Google Chrome has a nice HEX color picker built right in. Click the color square for the border-topproperty and choose a new color.

Advertisements