Back Ground

흔히 이벤트가 부여된 요소를 숨기면 해당 이벤트가 작동하지 않을꺼라 생각한다. 대부분 의도한 결과를 반영하지만 숨김처리에 사용한 방법이 opacity속성을 이용한 경우라면 노출되진 않지만 해당영역의 이벤트에 응답하기 된다. 이를 강제로 제어하기 위해서는 pointer-events를 활용해야 한다. 숨김처리 속성에 따른 특성 요소를 숨길때 사용되는 CSS속성 숨김 속성과 값 공간 점유 이벤트 탭(Tab)접근 opacity: 0 점유 활성 가능 visibility: hidden 점유 비활성 불가능 visibility: collapse 테이블안에서만 비 점유 비활성 불가능 display: none 비점유 비활성 불가능 이벤트가 비활성되는 속성들을 사용하면 좋겠지만, 트랜지션(전환)이나 애니메이션 같이 프레임별..

rem과 em 둘다 font 사이즈에 따라서 연산처리 되는 것 이다. 10em 과 10rem 동일하게 * 10 이 되는 것인데 상위 요소의 폰트가 (기본 16px) 16일때 16 * 10 = 160px이 되는 것 이다. 하지만 두 기능의 다른점이 있는데 [ rem ]1234 width: 10rem; height: 10rem; /* 폰트 */ font-size:3rem;cs [ em ]1234 width: 10em; height: 10em; /* 폰트 */ font-size:3em;cs 이렇게 똑같은 수치의 em과 rem을 주었을때 서로 크기를 비교해보면 em으로 주었을때 width의 크기는 480px 이고rem으로 주었을대는 width의 크기가 160px 인 것을 확인 할 수 있다. 이는 무슨 차이냐면 ..