CSS - Cascading Style Sheets - Exercise #1

Main Page :: Contact Page :: Sitemap

spacer beanie1 hogle1
beanie2 hogle2
beanie3 hogle3

The Font-size Property

 

CSS gives you font-size options in 2 types of units (absolute and relative)
Property Value Unit Type Example: p {font-size:12pt}
font-size: 12pt Absolute Beanie and Hogle are just lazy cats
font-size: 12px Absolute Beanie and Hogle are just lazy cats
font-size: medium Absolute Beanie and Hogle are just lazy cats
font-size: smaller Relative Beanie and Hogle are just lazy cats
font-size: normal Relative Beanie and Hogle are just lazy cats
font-size: larger Relative Beanie and Hogle are just lazy cats
font-size: 50% Relative Beanie and Hogle are just lazy cats
Absolute size keywords:
xx-small, x-small, small, medium, large, x-large, xx-large

Absolute units include values of points or pixels and the font-size:medium

Relative is described with several key words (medium should be about a 12pt) and the difference between these are suppose to be 1.2 as recommended by W3C.

Win IE 4x and 5x set small as the default though medium should be the default size

NN 4x's small and extra small became illegable but NN6x, NN7x, IE6x are okay

There is a 9px threshold

The Text-Decoration Property

In CSS, text decoration refers to text effects like underlining, strike-through text, superscripts and subscripts
Property Value Unit Type Example: p {font-size:12pt}
text-decoration: 12pt Absolute Beanie and Hogle are just lazy cats
font-size: 12px Absolute Beanie and Hogle are just lazy cats
font-size: medium Absolute Beanie and Hogle are just lazy cats
font-size: smaller Relative Beanie and Hogle are just lazy cats
font-size: normal Relative Beanie and Hogle are just lazy cats
font-size: larger Relative Beanie and Hogle are just lazy cats
font-size: 50% Relative Beanie and Hogle are just lazy cats
Absolute size keywords:
xx-small, x-small, small, medium, large, x-large, xx-large

Vivamus molestie mollis nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam urna sapien, venenatis ut, tempus eget, pharetra a, nulla. Ut lorem eros, euismod at, lobortis ut, vulputate eget, leo. Proin quis quam ac neque cursus bibendum. Sed tincidunt feugiat ligula. Suspendisse gravida neque id ligula. Phasellus bibendum, erat a suscipit ullamcorper, purus felis dapibus dolor, non egestas est justo ac lectus. Curabitur dictum interdum est. Fusce mollis mattis quam. Fusce urna nisl, molestie quis, pretium quis, rutrum vitae, quam. Ut odio elit, porta et, consequat eget, tincidunt quis, velit. Donec vulputate orci nec ligula. Etiam elementum ipsum eu ante. Vestibulum pretium diam.

Main Page :: Contact Page :: Sitemap :: Back To Top