使用する単位は、達成したいことに完全に依存します。 Webレイアウトで最も使用される単位は次のとおりです。
- px-絶対; 1ピクセル
- pt-絶対; 1/72インチ、画面メディア用に約1.3ピクセル
- em-親フォントサイズを基準とします。 1.0em =文字のサイズ（大文字のMの幅）
- ％-親を基準
1pxの境界線など、一定のサイズにはpxを使用します。
3.0emマージンなど、フォントサイズに従う必要があるサイズにはemを使用します。
％は、親のパーセンテージを占めるサイズ、たとえば幅50％に使用します。
Webページレイアウトの場合、通常は、固定（ピクセル）レイアウトと流動（パーセント）ベースのレイアウトのどちらが必要かによって、ピクセルまたはパーセンテージのいずれかを使用します。
幅の宣言にはピクセルを使用する傾向がありますが（通常は固定）、高さにはemを使用します。これにより、レイアウトは垂直方向にサイズ変更されますが、水平方向の一貫性は維持されます。
可能な限り、相対的/比例したサイズを使用します。後でレイアウトを変更するのがずっと簡単になると思います。また、親要素に相対的なサイズを使用すると、親への変更が簡単に滴り落ちることを意味します。
従来、相対サイズを使用すると、ページをさまざまな解像度で正しく表示することもでき、ブラウザのズームや最小フォントサイズに特に有益でした。しかし、最近のブラウザは、ピクセル固有のレイアウトでサイズ変更を非常にうまく処理し、必要に応じて画像を拡大することもできます。したがって、相対サイズを使用することの重要性は低くなります。