Styling

The problem with creating web pages is that you need to ensure that it is standards compliant. This means that you ensure your webpage is compatible with all web browsers, which some very in how things will appear. You will alo need to ensure that any fonts which you use for your web page will need to be available on all computers. This includes fonts such as; Arial, Verdana, Trebuchet MS, Times New Roman, Georgia, Comic Sans MS. But of course, don't just choose any font, it will need to suit the content and directed age group that you intend the website to be for.

Changing these kind of details manually for each page can be very strainful, so a solution is to create a separate page that is linked to the others and acts as a styling page, so that whatever you settings you make on this page, it will be saved onto the others as a template almost.

Richard Rutter figured out that the body's font size is 62.5%, as most web browsers default their text size to 16px. Because 62.5% of 16px is 10px any element within the body has been reset to display type based on a 10-px em square.

The idea of 'em square' works like this:
100 percent is equal to 1 em, therefore 1 em is 10 pixels 0.8 em is 8 pixels, 1.4 em is 14 pixels ect.

Font transforming can be useful as you can apply specific characteristics such as uppercase only, lowercase only, capitalize ect. for headers and other areas, to make them different to the normal pad of text. This will not work for all fonts however, so you would need to make sure the font allows variants.