18.03.18시작

***overflow 의 의미를 "너의 영역은 여기까지다" 라고 생각하면 됨. ***글로 설명하는것보다 실제 적용되고 안되고의 차이를 보면 딱 이해가 빠름. ***overflow = "너의 영역은 여기까지다" 라고 정하니까 알아서 고유의 영역을 잡음. *** 가나다라마바 가나다 가나다라마바사아 가나다라 가나다라마바 가나다 가나다라마바사아 가나다라

***모바일 작업할때는 모든 크기를 1/2 로 떨구고 마크업을 해야함. ***여튼 다른건 그냥 단순히 1/2 하면 되는데 문제는 이미지스프라이트임. 이게 background 속성을 이용해야하니까..... ***본론 / 결론만 빠르게 말하면 1.이미지스프라이트 기법을 위해 만든 이미지 원본 크기는 2배 그대로 만들고 2.css 상에서 background-size 를 1/2 만큼 줄이면 됨. background-size 라는게 말 그대로...

*** 1 2 3 ***이게 예제상에서는 오차가 없는거처럼 보이긴하는데... 어찌되었든 키포인트는 박스의 width값을 줄이고 그 줄인만큼 padding 으로 조정하면 끝.

***-------------------div{ㅂㅂ} ㅂㅂ------------------- -------------------div>div ------------------- -------------------div[tt="qq"] div[tt="qq$"]*3 ------------------- -------------------div{$} $ div{$}*3 123------------------- -------------------div>div+div ------------------- -------------------div>div+(div>div)*3 ------------------- ***키포인트는 numbering 할때 $ 를 사용하는데, 단독으로 쓰이면 $ 그대로 나옴.