1. 일단 div 태그로 공간을 나누기 2. 부모태그의 css는 자식도 영향을 받습니다 - inherit >html >css 3. px과 em 그리고 rem >html >css 4. 레이아웃 만들기 - display_inline >html >css 5. 레이아웃 만들기 - float >html >css 6. 레이아웃 만들기 - flex >html >css 7. 레이아웃 만들기 - grid >html >css 8. 폰트를 꾸며주는 CSS 속성들 >html >css >./font/cannia/Cannia.otf (폰트 파일) Cannia.otf 9. 공간을 부여하는 CSS 속성들 >html >css 10. margin이란 친구는 겹치기도 합니다 >html >css <b

1. 문단을 표현할 땐 p태그 2. 제목을 표현할 땐 h태그 3. 목록을 보여주는 ul, ol, li 태그 4. 폰트 스타일을 위한 태그들 5. 특별한 의미를 가지고 있는 Semantic Tag 6. 브라우저에서 경로를 표현하는 방식 >html >6. main.html >./6. test/6.sample.html >./6. test/6.panda/6.coding.html 7. 이미지를 출력하는 img 태그 >html >./7. 이미지를 출력하는 img 태그.img/프로필.png 8. 동영상, 오디오, 멀티미디어 태그 >html >./8. 동영상, 오디

1. HTML 기본 구조 2. HTML을 이루는 Tag - 태그의 선언 3. HTML을 이루는 Tag - 태그의 구조 4. HTML을 이루는 Tag - 태그의 속성 5. CSS - Inline 방식으로 적용하기 6. CSS - Style 태그로 적용하기 7. CSS - class와 id 속성 8. CSS - Link 태그로 CSS 파일 불러오기 >html >css 참조 제로베이스 프론트엔드 스쿨 11기 판다코딩

1. VSCode Install > [Visual Studio Code] (https://code.visualstudio.com/?wt.mcid=vscomdownloads) -> 'Download for Windows' Click 2. VSCode Extenstion > Keyboard: 'Ctrl+Shift+X' -> 'VSCode Extenstion' Search >>__VSCode Extenstion List