CSS

시작에 앞서 해당 게시물은 코드 잇(code it)의 강좌를 통해 학습한 내용을 복습한 복습 게시물임을 밝힙니다. 코드잇 강의를 수강한 이후 정독하시면 더 큰 복습 효과를 얻으실 수 있으실거예요! 수업 들으러가기 + Box Model - 모든 html 요소들은 'Box Model'로 구성 되어 있음. - 요소는 실제 내용[content]과 테두리 사이의 여유 공간[padding], 테두리[border], 다른 요소 사이와의 여백[margin]으로 구성 되어 있음. See the Pen YzywBxv by J4BEZ (@j4bez) on CodePen. + 요소의 가로 길이, 세로 길이 width와 height으로 설정 가능 ex). width: 70px; height: 80px; 당신은 모를 수도 있는 ..

시작에 앞서 해당 게시물은 코드 잇(code it)의 강좌를 통해 학습한 내용을 복습한 복습 게시물임을 밝힙니다. + HTML과 CSS - HTML(Hyper Text Markup Language): 웹 사이트에 들어갈 내용을 담아주는 '마크업 언어' 건물의 철골과 같은 뼈대를 담당하는 친구. 주석의 시작은 로 작성하여 표현 CSS(Cascading Style Sheets): HTML로 작성된 내용들을 꾸며주는 친구. 인테리어를 담당하는 친구. 주석의 시작은 /* 마무리는 */ 로 작성하여 표현 /* 주석은 다음과 같이 표현 */ + 0. 기본 HTML 태그 정리 - 선언 HTML 파일을 쓸 때는 가장 먼저 선언을 사용해야 함. HTML의 버전을 나타내 주는 친구로 최신 버전인 HTML 5를 사용하기 위..