margin과 padding 순서는 왜 쓸때마다 까먹는 것 같지..해서 기록 border를 기준으로 margin은 바깥쪽 여백, padding은 안쪽 여백을 지정한다.margin과 padding의 사용은 간단하다. 기본이 되는 수치는 4개이다.여백은 상하좌우 모두 조정이 가능하며 픽셀(px) 또는 %로 수치를 조절할 수 있다.margin과 padding을 사용할 때 여백의 방향은 상 >> 우 >> 하 >> 좌 이다. 예를 들어 외부여백을 상 : 5, 우 : 2, 하 : 5, 좌 : 2만큼 주고 싶다면 아래와 같이 하면 된다.☞ margin : 5px 2px 5px 2px; 외부여백 상 : 5, 우 : 5만 주고 싶다면☞ margin : 5px 5px; 외부여백 상 : 15만 주고 싶을 때는 이렇게도 사용..

웹 프로젝트를 할 때 간단한 효과를 주기 위해 많이 사용했던 기술입니다. 자바스크립트를 사용해 효과를 줄 수 도 있지만 CSS를 사용해 간단히 수정했습니다. hover 속성과 transition hover는 사용자가 마우스를 올렸을 때, 효과를 주는 CSS의 한 기능이다. 여기에 transition을 사용하면 자연스러운 전환이 가능하게 된다. transition은 원하는 요소의 시간을 지연시켜 애니메이션이 가능하도록 해준다. transition의 속성 중 duration을 이용해 몇 초 동안 재생할 지 설정이 가능하다. (webkit은 구글, 사파리 브라우저에 적용을 뜻함) 현재 블로그에서 사용한 코드.. .css .area_menu .btn_cate .area_menu .btn_cate:hover{ b..