Website Revision

How do you set the background colour of your website?

body {
background-color: #FFF;
}

How do you set a background image and repeat it horizontally?

body {
background-color: #FFF;
background-image: url("dog.gif");
background-repeat: repeat-x;
}

How do you set the font size of all paragraphs to be 14px?

p {font-size:14px;}

How do you underline text?

h1 {
text-decoration: underline;
}

What is a pseudo-class?

A pseudo-class allows you to define and customize a property for a HTML tag.

How do you set the colour of all links on your website to be red?

a:link {color:#FF0000;}
a:visited {color:#FF0000;}
a:hover {color:#FF0000;}
a:active {color:#FF0000;}

How do you set the roll-over colour of all links to be orange?

a:link {color:#FF0000;}
a:visited {color:#FF0000;}
a:hover {color:FF6600;}
a:active {color:#FF0000;}

What is the Box Model?

The box model in regards to CSS is a box which wraps around a HTML-element(s). The box model also contains detailed options which adjust the margin, border, padding and content for each element.

What are the two ways we can increase space around content?

Box model and Margin

What is the purpose of a 'div' tag?

The div tag is used to group one or more block-level elements.

When is a 'class' more appropriate to use than an 'id'?

Class is more appropriate to specify a style for a group of elements, whereas id is more appropriate to specify a style for a single, or unique element.

What is a floating element and when is it useful?

A floating element can be pushed to the left or right, allowing other elements to wrap around it. It is useful for images and working with layouts.