a battle with myself

css를 이용한 간단한 이미지 확대... 간단한 div box안에 이미지 소스를 확대 시키려면 transform:scale 을 이용하면 된다. transform:scale(1.1); /* default */ -webkit-transform:scale(1.1); /* 크롬 */ -moz-transform:scale(1.1); /* FireFox */ -o-transform:scale(1.1); /* Opera */ 이미지를 1.1배 확대 한다. div 속성 .shadow{ width:100px; height:100px; border:1px solid black; overflow:hidden; /* div 박스 사이즈를 넘어간 값은 숨긴다*/ } 이미지 속성 .shadow img{ width:100px; h..

Position 속성의 default 값은 static 값이다 즉 div에 아무런 position 속성 값을 주지 않으면 static 속성을 가지고 있다. position - static : 위에서 부터 아래로 하나의 block쌓기 처럼 블럭이 차례대로 쌓이게 된다 margin 값을통해 document 에서의 위치와 black 간의 위치를 조절할 수 있다. A B C 실행시 이미지 --------------------------------------------------------------------------------------------------------------------------------------------------------- Position -relative : static의 ..

text-shadow 효과... 그림자 효과.. 기본.... text-shadow: h-shadow v-shadow blur-radius color; text-shadow: 오른쪽 아래쪽 그림자길이 색상; 오른쪽 아래쪽 0으로 적용시 전체에 효과가 생긴다. text-shadow 효과보기.. shadow 효과 적용 - 미적용 --------------------------------------------------------------------------------------------------------------------------------------------------------- 아래쪽으로 3px 그림자길이를 3px 이번엔 잘보이게 빨간색으로... text-shadow: 0 2px 3px ..

box-sizing:border-box 이 적용된 div와 비적용된 div box-sizing 이 적용된 div 는 정확하게 100px; box-sizing 이 적용되지않은 div 는 border 1px 가 더해진 102px의 box가 된다.