Ustawiając rozmiar dowolnego elementu w CSS, mamy dwie możliwości. Pierwsza to jednostki absolutne, druga to jednostki względne. Jednostki absolutne są stałe i nie odnoszą się do niczego innego. W każdym przypadku są zawsze identyczne. Dotyczą cm, mm, px itp. Z drugiej strony jednostki względne odnoszą się do czegoś innego. Może to być rozmiar elementu nadrzędnego lub rozmiar głównego kodu HTML. Jednostki względne obejmują em, rem, vw, vh itp. Są to jednostki skalowalne i pomagają w responsywnym projektowaniu. Wielu z nas może pomylić jednostki względne, zwłaszcza W i rem jednostki. Rozłóżmy różnicę między tymi dwoma. Zasadniczo zarówno rem, jak i em są skalowalnymi i względnymi jednostkami rozmiaru, ale w przypadku em jednostka odnosi się do rozmiaru czcionki elementu nadrzędnego, podczas gdy jednostka rem odnosi się tylko do głównego rozmiaru czcionki dokumentu HTML. R w rem oznacza pierwiastek.

Rozumiemy szczegółowo oba z nich.

1. w United: Jednostka em pozwala ustawić rozmiar czcionki elementu w stosunku do rozmiaru czcionki jego rodzica. Kiedy zmienia się rozmiar elementu nadrzędnego, rozmiar elementu podrzędnego zmienia się automatycznie.

Uwaga: Gdy we właściwości rozmiaru czcionki używane są jednostki em, rozmiar jest zależny od rozmiaru czcionki elementu nadrzędnego. Kiedy jest używany w innych właściwościach, jest zależny od rozmiaru czcionki samego elementu. Tutaj tylko pierwsza deklaracja przyjmuje odniesienie do rodzica.

algorytm sortowania przez wstawianie

• Rozmiar czcionki elementu .child będzie wynosić 40 pikseli (2*20 pikseli).
• Margines .child będzie 60 pikseli . To 1,5 razy większy rozmiar czcionki naszego elementu (1,5 * 40 pikseli).

Przykład: Ten przykład pokazuje użycie jednostki em w CSS.

HTML

strony serwera Java