Forum Moderators: not2easy

Message Too Old, No Replies

Not sure what the following css accomplishes

explain the bold from the following css

         

Sunnyvale

12:24 am on May 31, 2006 (gmt 0)

10+ Year Member



I can't figure out why there appears to be two sizes in the bolded part of the following css:

h2 {
font:bold 12px/14px verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
}

p {
font:11px/20px verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
padding:0px;
}

...excuse my ignorance.

Setek

1:45 am on May 31, 2006 (gmt 0)

10+ Year Member



Not ignorance :)

The first value corresponds to the

font-size
property, so the size of the typeface is 12px, and the second value corresponds to the
line-height
property, so the height of each line is 24px, etcetera.

P.S.: Don't use absolute sizing for fonts, like

px
and
pt
:) IE users won't be able to increase font-size through their browser, and all the people who like their fonts bigger won't be able to :(
em
is a far better alternative :)