clientHeight, clientWidth

읽기전용 속성이다.

선택한 리스트 아이템이 위로 오게 하기

document.body.scrollTop = [선택한 요소].offsetTop + [선택한 요소].offsetHeight + [선택한 요소].style.margin | paddingTop

clearfix

float 속성을 사용하여 다른 엘리먼트에 영향이 가지 않도록 하기 위해서 사용함

• clear: both
• overflow: hidden
  • 적용된 엘리먼트는 CSS의 블록 서식 문맥으로 취급되어 박스 내부의 플로팅 박스를 포함해 영역을 잡게된다.
  • 그러나 영역을 벗어나는 위치에 자식요소를 배치하면 삐져나오는 부분이 숨겨진다.

box-sizing: border-box

여백은 width 속성으로 지정한 너비에 포함되어 처리할 수 있게 box-sizing 속성을 border-box로 지정

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

@media

미디어 타입을 지정하지 않으면 all이 디폴트

screen과 all이 있다.