Yeonee's Story

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> Document div{ border: 1px solid blue; box-sizing: border-box; } /* 임시 스타일 부여*/ #nav{ width: 1000px; height: 40px; } #navi{ border:1px solid red; list-style-type: none; margin:0; padding:0; /* ul요소도 기본적으로 위, 아래에 margin이존재 ul요소에 padding도 존재함. */ height: 100%; } #navi>li{ border:1px solid blue; float:left; width:15%; height: 100%; text-align : center; } #na..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 트랜지션 관련 스타일 img{ margin-left:200px; width: 200px; height: 200px; } .translate:hover{ transform:translate(200px, 200px); } .transx:active{ transform:translateX(500px); } .transy:active{ transform: translateY(500px); } .transz:active{ transform: perspective(300px) translateZ(100px); } .scale:hover{ transform:scale(1.5); } .scalex:hover{ transform: scaleX(1..