Jeden Tag, aufrichtig und lustig.

길이 단위는 CSS 작업을 할 때 중요한 요소 중 하나이다. 유지보수와 연관되어 있기 때문이다. CSS에서 사용할 수 있는 단위는 절대 길이와 상대 길이로 분류 될 수 있다. 절대 길이 단위 : cm, mm, px 등 상대 길이 단위 : em, rem, vw, vh, % 등 절대 길이 단위 ( px 등 ) -> 절대적인 길이 그대로를 화면에 구현하고, 변동되는 값에 부여하는 경우 유지보수가 어렵다. 참고) 대부분 폰트 크기를 지정안했을 때 폰트크기의 기본 값은 16px이다 상대 길이 단위 ( em, rem, vw, vh, % 등 ) -> 가변적인 길이 단위이며 상대적으로 유지보수가 쉽다. 1. em 부모 요소의 폰트 크기가 기준이 된다. hello1 : 20px hello2 : 10px hello3 : ..

웹페이지상에서 레이아웃을 구성할 때 사용되는 position과 display 개념에 대해 정리해보고자 한다. position position은 복잡한 레이아웃을 만들기 위해서는 사용되는 속성이다. 포지션 속성을 사용하여 요소를 원하는 위치에 지정할 수 있다. 1. relative relative는 별도의 속성을 지정하지 않는 이상 static과 동일하게 동작한다. top이나 right, bottom, left를 지정하면 기본 위치와 다르게 위치가 조정된다. 다른 콘텐츠는 해당 엘리먼트에서 남긴 공백에 맞춰 들어가게끔 조정되지 않을 것이다. 2. absolute absolute는 가장 다루기 까다로운 위치 지정 값이다. 뷰포트에 상대적으로 위치가 지정되는 게 아니라, 가장 가까운 곳에 위치한 조상 엘리먼트..