공부중

[웹코딩] 5일차, CSS, 이미지 6개를 배치 본문

HTML, CSS, JS

[웹코딩] 5일차, CSS, 이미지 6개를 배치

yyeeun 2021. 9. 17. 00:07

- <img src="" alt=""> : 열고 닫는 구조가 아닌 태그는 자식을 가질 수 없음. =>img는 자식을 가질 수 없다. 

- img는 inline 이다. 

- inline은 정렬이 안됨. 다른 태그를 가진 부모에 의해 정렬가능. =>다른 태그로 감싸서 사용하기.

- padding(안쪽에 공백) /  margin(바깥쪽 여백)

  • padding-top: 25px 
  • padding-right: 50px 
  • padding-bottom: 75px 
  • padding-left: 100px
  • padding: 25px 50px 75px 100px;
  • padding: 25px (상하좌우 25px)

-  &nbsp; (공백)

- style="height:100px;" (줄 띄움. <br>와 같음. bgc 넣어보기)

 

 

-padding만 사용하여 배치.