styling questions

Hello.

1) For example the background-color property is very specific to setting the color of the background, and the background-repeat is specific to setting if you want the background (if it is an image) to be repeated and how. Within the background property you will be able to specify multiple values like this:

body {
background: #00ff00 url('smiley.gif') no-repeat;
}

This will give you the image background (with no repeat) if possible and the color background as a fallback. There is no right or wrong here, so just choose the one you like.

2) You wouldn't know if one margin is better than the other without trying. I guess that Nick just uses the margin he knows will work for his layout. So just change it and see what happens... You can always change it back if -5px turned out to be the better choice.

3) When you are designing a responsive web page, then you need media queries to give your web page another layout, if the device it is opened on has another width than your standard computer screen. Media queries will make the layout fit the screen size. This means that you could either build your web page and then open it on every device you would like it to work on. Or you could simply resize your browser on your computer screen to force the web page to shift layouts. This is only for the sake of easier testing. The media queries are set to shift layout if the browser width is within a given range. Therefore changing the browser's width will change the layout on the web page.

4) You could use the style="list-style:none;" on the li instead of the ul... It would give the same effect to the list. But if you look at it this way:

<ul style="list-style:none;">
<li>1</li>
<li>2</li>
</ul>

<ul>
<li style="list-style:none;">1</li>
<li style="list-style:none;">2</li>
</ul>

The first one makes more sense because you would have less code.

I hope this helps...

Regards, Jonas