Follow Techotopia on Twitter

On-line Guides
All Guides
eBook Store
iOS / Android
Linux for Beginners
Office Productivity
Linux Installation
Linux Security
Linux Utilities
Linux Virtualization
Linux Kernel
System/Network Admin
Scripting Languages
Development Tools
Web Development
GUI Toolkits/Desktop
Mail Systems
Eclipse Documentation

How To Guides
General System Admin
Linux Security
Linux Filesystems
Web Servers
Graphics & Desktop
PC Hardware
Problem Solutions
Privacy Policy




Font Size

The font-size rule sets the size of the fonts in the element. You can express the size using an absolute measurement or a relative measurement. For example, the following rule (in a STYLE tag or in a style sheet file) sets the font size of <H2 ...> elements to an absolute size of 80 points:

H2 {font-size:80pt}

which gives us this <H2 ...>:

Hi There

Relative font sizes allow you to specify font size relative to the surrounding text. For example, this rule sets the font of <EM> elements to 180% the size of the surrounding text, making <EM> elements a little more <EM>phasized:

EM {font-size:180%}

So this string that uses <EM>

That is a <EM>groovy</EM> idea!

looks like this:

That is a groovy idea!

Using relative font sizes when applied to headers has a special problem that is worth understanding. We'll discuss that in the next page.

  Copyright 1997-2002 Idocs inc. Published under the terms of the Open Content License Design by Interspire