무엇을 배웠는가?

1. HTML이 무엇인가?

   • Hyper Text Markup Language의 약자로 웹 페이지를 만들 때 쓰는 언어

2. 여러가지 태그

   • <p>
   • <span>
   • <div>
   • <a>
   • <img>
   • 등등....

3. Box Model
   

   • Margin : border(경계선)의 바깥쪽의 여백을 결정
   • Border : 내용이 들어갈 박스의 경계
   • Padding : 보더와 내용 사이의 여백
   • Content : 내용이 들어갈 부분

4. CSS Selector

   • p.title {
         font-size: 20px;
     }

     p태그이면서 "title"이라는 클래스명을 가진 요소를 선택
     

   • p .title {
         font-size: 30px;
     }

     p태그의 자식 태그들 중에서 "title"이라는 클래스명을 가진 요소 선택

   • 위의 두개는 띄어쓰기를 했냐 안했냐의 차이!

어디에 적용했는가?

repl.it 과제를 수행하며 필요한 내용을 찾아보며 학습했다.

어려웠던 점은 무엇인가?

margin과 padding의 위치가 헷갈렸지만 박스 안쪽부터 '내용패(패딩)보(보더)마(마진)" 으로 생각하니 쉽게 외워졌다.

또 CSS 선택자 부분이 헷갈려서 해당 내용을 검색해가며 어떤 차이가 있는지, 선택자의 종류가 무엇이 있는지 등을 학습.