[css] rem em 줄바꾸기

rem : root element (최상위)의  fontsize 를 기준으로한다.

em : 해당 element 의 fontsize를 기준으로한다.

 

rem사용 : 반응형으로 제작하는 경우 rem 과 미디어쿼리를 사용하여 크기에 따라 루트엘리먼트의 폰트를 조작하여 전체적인 사이즈에 영향을 주도록 할수있다.

 

em사용 : 요소의 폰트크기는 해당요소의 padding 이나 margin 과 상호작용 해야 하는 요소 임으로 이러한 상관관계가 보여져야 하는 경우 em단위 를 사용 할수 있다.

 

줄바꾸기 : word-wrap 속성을 이용하여 글자의 길이가 width 를 벗어났을때 어떻게 할것인지 정할수 있고,

word-break 속성을 이용하여 글자단위로 줄바꾸기가 실행이 될지 단어단위로 이루워질지 정할수 있다.