파도가 칠 때는 서핑을

- 절대단위와 상대단위 절대단위 : in, cm, mm, pt, pc가 있으며 모니터의 물리적 속성을 아는 경우 효율적 상대단위 : em, ex, px, %가 있으며 기종간, 플랫폼 간의 호환성을 유지하는데 유리 이름 뜻 설명 em font-size 해당폰트의 대문자 M의 너비를 기준으로 한다. ex x-height 해당폰트의 소문자 x의 높이를 기준으로 한다. px pixel 표시장치(모니터)에 따라 상대적 크기를 가진다. % percent 기본글꼴의 크기에 대하여 상대적인 값을 가진다. pt point 일반 문서에서 많이 사용하는 단위

> z-index position 속성을 이용하면 요소를 겹치게 놓을 수 있는데, 이때 요소들의 수직 위치를 정한다. 숫자가 클 수록 위로 올라오고, 숫자가 작을 수록 아래로 내려간다.

- 태그란 Division Maker의 줄임말로 영역을 구분 짓는 태그 엘리먼트로 작동 레이아웃을 나눌 때 사용하는 태그로 콘텐츠의 형태를 변형시키지는 않지만 하위에 있는 여러 요소를 묶어 스타일을 변경시킬 수 있다. - , , , 는 뭘까 모두 기본적으로 div와 같은 역할 div 태그에 의미를 부여한 것! 이름 의미 역할 header 전체의 머리말 주로 제목과 로고 콘텐츠의 목차를 묶어준다 article 내용을 독립적으로 구성하는 하나의 완전한 콘텐츠 주 내용 nav navigation link : 다른 페이지간 이동! 메뉴, 목차, 인덱스 등이 있으며, header나 article 내부에 위치할 수 있음 hgroup 문서 제목을 다단계로 주제목, 부제목 등을 묶는 듯 - span 태그 div와 같은..

Seletor Declaration Property Value Selector -> a { Declaration -> color : red; Property^ Value^ } .

br : 단순 줄바꿈 닫히는 태그 없이 이 enter, 줄바꿈을 한다.p : paragaraph, 단락 여는 태그와 닫는 태그가 존재 단락을 만듦으로써 줄바꿈이 표현된다. 줄바꿈을 여러번 할 수 없다는 단점이 있지만 css로 여백을 커버한다. style = margin 으로 여백의 크기 조절

마크다운 작성법 # 가장 먼저 필요한 마크다운 문법 '>' 인용문 예시 백틱(```)을 이용한 인라인 코드# 예시 ''' 인라인 코드안에 들어갈 내용 ''' 맥북에서 ' ` ' 이 표시를 작은 따옴표인줄 알고 살짝 헤맸다. 맥북에서 백틱은 영문 키보드일 때, 원화(₩) 누르면 나온다. 맥북 키보드에 표시가 안되어 있어서😭 - 마크다운이란? 추가바람 - Header 글자 크기를 #의 갯수로 조절할 수 있다. ### Header ## Header # Header- 줄바꿈 을 통해 줄바꿈을 사용한다.- 글자 스타일 __굵음__ **굵음** _기울임_ *기울임* ~~취소선~~ 결과 굵음 굵음* 기울임 기울임* 취소선 - 글자색 으로 색 구간..