상대단위는 상위의 값을 참조하고 특별히 본문(body)의 글자크기는 브라우저의 기본 글자 크기에 비례하는 값을 지정합니다. 절대값을 body에 지정하면 사용자의 글자크기 설정을 무시하고 지정합니다. body에 font-size를 지정하지 않으면 브라우저의 기본값을 사용합니다. 그래서, 800x600에 비하여 1024x768의 해상도에서는 글자가 그만큼 상대적으로 적게 보입니다. nn4에서는 increase로 글자의 크기를 늘릴수는 있지만, 다시 페이지를 부르면 원래의 절대 크기를 보여줍니다. 그러므로 가급적 사용자에게 선택의 기회를 주기 위해서는 상대값을 적용하는 것이 좋다고 생각합니다.

그리고, 절대크기로 pt 단위를 지정시 window 95의 글꼴을 "큰글꼴" 과 "작은 글꼴" 지정시 글자의 크기가 많이 차이가 납니다. 이 때, px단위는 차이가 나지 않았습니다. px는 이미지나 레이어의 크기를 나타내는 것이기 때문에 pt보다 쉽게 그 크기를 예상할 수 있는 점이 좋은 점입니다. 그리고, 글자 단위로 그 크기를 참조할 때, nn4와 ie4에서 크기가 차이가 있고, 사용자 글꼴지정, line-height 지정여부, 한글일때, 영어일때, 영어 소문자, 영어 대문자등 이 모든 상황에서 글자의 크기가 차이가 납니다. 그러므로, 어떤 block element가 가지고 있는 글자들의 크기를 예상할 수 없습니다.

하지만, font-size 를 px단위로 주면 사용자 글꼴의 크기에 상관없이 그 크기를 미리 예상할 수 있습니다. pre나 xmp 같은 자동으로 줄넘김을 하지않는 택을 사용할 때, pt는 차이가 있지만 px는 차이가 없습니다. 그래서 pre나 xmp 택을 가지고 있는 레이어에 clip을 줄 때 px단위를 사용해야 잘리는 글이 없습니다.

여러 레이어의 상대적인 페이지에서의 배치라는 문제에서는 pt나 px 둘 다 정확히 배치할 수 없습니다. nn4와 ie4에서 약간씩 다르기 때문에 이 문제는 레이어 자체 크기로 배치해야 합니다.

font-size:12px;를 지정한 레이어. position:relative; font-size:12px; color:olive; line-height:15px; width:250; border-width:5; border-color:red; border-style:ridge;	레이어안의 글자에게 font-size:12px;를 지정한 것입니다. 이것은 절대값을 지정하는 것입니다. 그래서, 해상도에 상관없이 위의 레이어의 크기는 같습니다. 페이지 크기와 레이어의 위치에 따른 레이어의 잘리는 부분을 미리 확인할 수 있습니다.
font-size:를 지정않은 레이어. position:relative; color:olive; line-height:15px; width:250; border-width:5; border-color:red; border-style:ridge;	절대 크기 font-size를 지정하지 않았습니다. 그래서, 사용자 브라우저에 지정 되어있는 글자의 크기를 가집니다. 그리고 상대값을 지정하면 얼마의 크기를 가지는 지는 레이어가 출력된 다음에만 알 수 있습니다. 여러 레이어를 다루는 페이지를 설계할 때는 불편합니다.

--
위의 두 상대 레이어를 페이지에 쓰기 위해서 table을 사용했습니다. nn4에서 table없이 사용해보니 두 레이어 다음의 본문 내용이 style 택에 지정한 body style가 듣지 않았습니다. style택에 지정하지 않은 style attribute를 페이지의 맨 밑부분에 배치하면 되지만 그 이후의 본문은 table을 사용하는 수 봐ㄲ에 없었습니다. 이 문제를 어떻게 해결해야 할지 아직 모르겠습니다. 아시는 분 메일주세요.. 제발..