Summary 6

Creating navigation menus begin with the simple decision of vertical versus horizontal.

The border has three alterable associated properties: width, style and color. Box padding is the distance between the box content and the box border. The box margin is the distance around the box between itself and adjacent elements. It is a good practice to add {margin: 0; padding: 0;} as a first rule in the style sheet to set default padding and margins.

The float property is used to push an element as far as possible up against one side of its "parent" element.

Float is often used to flow text around images and to create multi-column layouts. If you take an image and a textbox and only make the image float left, the text will wrap around it. But, if you put float left on both the image and the textbox, it will create columns. Section is also a tag that can be used to enclose elements together.

The background is an extremely changeable positioning element.

The CSS background properties include color, image, repeat, position, size and attachment. Background images can be repeated in a pattern (repeat), spanned across in a row (repeat-x), spanned down in a column (repeat-y), or not repeated at all (no-repeat). You can also change the positioning of the pattern or background image by using background-position. The default is "top left" but if you want to cetner your pattern you can use "center center" or with an image you can use "50% 50%", along with no-repeat.