Enhetsövningar: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
Ingen redigeringssammanfattning
Ingen redigeringssammanfattning
Rad 17: Rad 17:
<code>font-size:</code> { 2 }em;
<code>font-size:</code> { 2 }em;


{Vilken storlek i <code>px</code> skulle <code>h1</code> få?|type="{}"}
{Vilken storlek i <code>px</code> skulle <code>h1</code> få?
|type="{}"}
<codepen pen="WLYMVq" tab="css" height="300">
<codepen pen="WLYMVq" tab="css" height="300">
{ 45 }px;
{ 45 }px;


{Vilken storlek i <code>px</code> skulle <code>em</code> få? |type="{}"}
{Vilken storlek i <code>px</code> skulle <code>em</code> få?
|type="{}"}
<codepen pen="gZQeOQ" tab="html,css" height="300">
<codepen pen="gZQeOQ" tab="html,css" height="300">
{ 5 }px;
{ 5 }px;

Versionen från 12 januari 2019 kl. 13.42

1 1px är samma som 1 skärmpixel.

Sant
Falskt

2 På papper är en px;

0,1 mm
en 1000-del av skärmens bredd
1/96-dels tum

3 Fonten ska bli dubbelt så stor. Fyll i de värden som bägge skulle fördubbla storleken.

font-size:

%;
font-size:

em;

4 Vilken storlek i px skulle h1 få?

<codepen pen="WLYMVq" tab="css" height="300">

px;

5 Vilken storlek i px skulle em få?

|type="{}"

6 Alla måttenheter är absoluta

Sant
Falskt

7 px:s storlek kan variera mellan olika enheter

Sant
Falskt


Tillbaka

Tillbaka till Måttenheter i CSS