Единица px для размеров в CSS
Абсолютная единица измерения px
представляет собой
ячейку на матрице электронного устройства.
К примеру, если ширина экрана смартфона равна 480px
, это
значит, что на экране расположено 480
ячеек,
каждая из которых равна 1px
.
Пример
Давайте зададим прямоугольнику
ширину в 200px
и
высоту 100px
:
<div>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
:
Пример
Давайте зададим тексту абзаца шрифт в 30
пикселей:
<p>
text
</p>
p {
font-size: 30px;
}
:
Смотрите также
-
единица
em
,
которая задает размер в em -
единица
rem
,
которая задает размер в rem -
единица
fr
,
которая задает размер в fr -
единица
%
,
которая задает размер в процентах -
единица
vw
,
которая задает размер в vw -
единица
vh
,
которая задает размер в vh -
единица
vmax
,
которая задает размер в vmax -
единица
vmin
,
которая задает размер в vmin