tp134679 님의 블로그

1. CSS padding,magin의 구분과 활용법2. padding과 magin을 사용하여 컨텐츠를 꾸미고 알아보기  전시간에 배운 padding과 magin을 보강하면서 복습하는 시간을 가졌다.  1. CSS padding,magin의 구분과 활용  1. padding 패딩을 사용하여 밀어낸 영역은 병합현상이 일어나지 않으며, 콘텐츠의 연장선으로서 패딩을 사용하여 넓어진 영역 또한 색이 입히고  추가속성 또한 모두 상호작용이 가능하다.해당 HTML CSS코드를 사용하여 알아보도록 하자  해당 블록형태의 box1과 box2 가 붙어있는 것 처럼 보이지만 box1과 box2의 콘텐츠의 연장선인 padding영역이 box1,box2각각 상하 20px 넓어져서 aqua색의 속성 또한 넓어졌고 병합현상이 일..

1. margin과 padding2. margin과 padding을 활용한 원하는 공간 디자인    1.margin과 padding  기본적으로 HTML은 4가지의 영역으로 구성된다고 볼 수 있다. 바깥쪽부터 margin,border,padding,content 4가지의 영역으로 나뉘게 되는데 margin과 padding은 구역을 나눈다는 역할은 비슷해보이나 각자 다른 사용도를 보인다.margin과padding 둘다 4면을 가지고 영역을 활용하기 때문에  상하좌우로 나누어 명령어를 내릴 수 있다.padding을 예로 들자면 padding: 20px 명령어를 활용하면 4가지 면(상하좌우) 모두에 20px만큼의 공간을 벌리나 아레의 명령어처럼 구역을 나눠서 명령어를 넣는것도 가능하다.  1.2 margin과..