#21-04-20, 008일차

• img의 속성과 사용방법을 배웠다.

- img의 display : inline

- <img src="이미지 url" alt="">

- object-fit: contain; : 박스 안의 이미지 비율 유지(공백O)

- object-fit: cover; : 박스 안의 이미지가 넘쳐도 꽉 차게(공백X)
  object-position: 50% 50%; : 기본위치(중앙)

 

• a, span, img의 속성
  - width / height / margin / padding 값이 제대로 안들어감!!
  - a { display:inline-block 또는 block; } 적용해야함!

 

• 사진 사이에 간격을 만드는 방법을 단계별로 배워봤다.

 

• margin과 padding의 차이점을 배웠다.

- margin : 바깥 영역을 넓힘

- padding : 안쪽 영역을 넓힘