Geek asks and answers

Convert old Html SIZE = + x to css

I am redoing an old website with html and CSS, never creating a website that says "old style." I have no idea what size = + x in CSS refers to, are these pixels or what? Is there a way to reproduce this in css or do I need to specify the exact size?

In short, how do I add x pixels to something I don't know about?

For my specific example, there is a surcharge here:

<H1 ALIGN=CENTER>
    <B><FONT color="red" SIZE=+4>PHONE BOOK</FONT></B>
</H1></CENTER>
+3
source share
3 answers

This dirty old value is equivalent to this css

.item{
  font-size: xxx-large;
}

This is if you view it in webkit. In firefox, it is about 48 pixels.

Here are the old plus and minus tags in action

Here are the W3C details of modern equivalents.

. , , , , .

, em px.

, , , , .

+6

7 : 1-7. 3, size = + 1, , 3 ( , = 4).

, - ( , 3 firefox ..)

css .

: http://www.jonstorm.com/html/font.htm

+1

Much of this depends on the base font size used on the page, as well as how these font sizes are defined in the stylesheet. The best way to determine the actual size use for using Firebug. Inspect the item and open the Calculated tab on the right. It will tell you the font size in pixels.

0
source

More articles:


All Articles