Selektor id identyfikuje elementy na podstawie ich klas, podczas gdy selektor klas identyfikuje element za pomocą jego unikalnego identyfikatora.

Selektor id identyfikuje konkretny element za pomocą jego unikalnego identyfikatora, podczas gdy selektor klas identyfikuje grupę elementów o takiej samej klasie.

Selektor id identyfikuje grupę elementów o takiej samej klasie, podczas gdy selektor klas identyfikuje konkretny element za pomocą jego unikalnego identyfikatora.

Selektor id identyfikuje wszystkie elementy na stronie, podczas gdy selektor klas identyfikuje tylko jeden element.

Zapis składający się z dwóch selektorów oddzielonych przecinkiem, gdzie drugi selektor jest potomkiem pierwszego.

Zapis składający się z dwóch selektorów oddzielonych kropką, gdzie drugi selektor jest potomkiem pierwszego.

Zapis składający się z dwóch selektorów oddzielonych spacją, gdzie drugi selektor jest potomkiem pierwszego.

Zapis składający się z dwóch selektorów oddzielonych znakiem plus, gdzie drugi selektor jest potomkiem pierwszego.

Są mniej wydajne niż inne metody określania elementów.

Nie mają żadnych zalet w porównaniu do innych selektorów.

Ułatwiają precyzyjne określenie elementów na podstawie ich atrybutów.

Utrudniają określenie elementów na podstawie ich atrybutów.

point, pica, twip

centimeter, meter, kilometer

inch, foot, yard

pixel (px), percentage (%), and em

Jest to jednostka stosunkowa odnosząca się do bieżącej wielkości czcionki.

Jest to jednostka czasu używana do animacji w CSS

Jest to jednostka miary odnosząca się do szerokości ekranu

Jest to jednostka stosunkowa odnosząca się do marginesów w CSS

Jednostka px jest stała i niezależna od rozmiaru czcionki rodzica, em jest względna do rozmiaru czcionki rodzica, a rem jest względna do rozmiaru czcionki elementu html.

Jednostka px jest względna do rozmiaru czcionki rodzica, em jest stała i niezależna od rozmiaru czcionki rodzica, a rem jest względna do rozmiaru czcionki elementu html.

Jednostka px jest względna do rozmiaru czcionki elementu html, em jest stała i niezależna od rozmiaru czcionki rodzica, a rem jest względna do rozmiaru czcionki rodzica.

Jednostka px jest względna do rozmiaru czcionki rodzica, em jest względna do rozmiaru czcionki elementu html, a rem jest stała i niezależna od rozmiaru czcionki rodzica.

Jest to jednostka określająca odległość między elementami na podstawie procentowej wartości innej właściwości.

Jest to jednostka określająca czas animacji elementów na podstawie procentowej wartości innej właściwości.

Jest to jednostka określająca kolor tła elementów na podstawie procentowej wartości innej właściwości.

Jest to jednostka określająca wielkość elementów na podstawie procentowej wartości innej właściwości.

Jednostki procentowe w CSS są trudne w użyciu i powodują błędy w wyświetlaniu elementów.

Jednostki procentowe pozwalają na elastyczne dostosowanie elementów do różnych rozmiarów ekranów i urządzeń.

Jednostki procentowe powodują, że elementy są zawsze takie same niezależnie od rozmiaru ekranu.

Używanie jednostek procentowych w CSS sprawia, że strona internetowa jest mniej responsywna.

rem

px

em

%

px

em

vw

%

em

vw

px

cm

Jest to proporcjonalna jednostka do szerokości ekranu.

Reprezentuje wielkość tekstu względem rozmiaru czcionki elementu nadrzędnego (root elementu).

Jest to jednostka używana tylko do określenia wielkości marginesów.

Jest to skrót od "relative em" i odnosi się do relatywnej wielkości tekstu w stosunku do elementu nadrzędnego.

em

vw

%

re

vh i vw

px i pt

em i rem

cm i mm

px

pt

mm

pc

px

em

mm

cm

obszaru treści (content)

marginesów

obramowania (border)

paddingu (dopełnienia)

box-sizing: border-box;

box-sizing: content-box;