지금까지 배운 것 복습위주로 자습 하였다. 계속해서 ; 라든지 }를 닫는걸 까먹거나 오타를 신경써서 연습해야겠다.
각 태그가 어떤역활을 하는지 되새겨 가면서 복습해야 한다.
box-sizing: border-box; 을 사용하면 padding 값을 줘도 밖으로는 삐져나가지 않고 안으로만 패딩값을 줄 수 있다.
text-align: center 값을 줄 경우 텍스트는 중앙으로 가지만 안에 이미지가 있다면 이미지는 적용되지 않는다.
line-height: 20px; 를 주면 line 과 line 사이를 텀을 줄 수 있다.
img 는 inline 이다.
만들기 전에 머리속으로 큰 틀을 그려놓고 만들는 습관을 들여야 될거 같다.
이런 식으로 큰틀 안에 중간틀 안 작은 틀 구역을 나눈후 묶어서 명령을 줘 사이즈 변화, 속성변화 , 위치 변화
(팀플중 내가 잘못 친 } 때문에 1~2시간을 허비함....
정리를 제대로 하면서 하자..!!)