1️⃣ html

---

1. 테이블

• 형식

<table>
	<tr>
    	행 또는 줄
		<th>제목칸셀</th>
        	<td>칸셀</td>
	</tr>
</table>

• 속성
  • scope=“row”(행 제목)/“col”(열 제목)
  • 셀 합치기
    • colspan=“합칠 칸의 수” (수평)
    • Rowspan=“합칠 칸의 수” (수직)

2️⃣ css 기초문법

---

1. Box model

• margin
  • 요소와 요소 사이의 여백
  • 속성
    • margin-top:
    • margin-bottom:
    • margin-left:
    • margin-right:
    • margin: 50px(상하좌우 동일) /
      50px 60px(상하 좌우) /
      50px 60px 70px(상 좌우 하)
• border
  • 요소의 외곽선
  • 속성; margin과 동일
  • 형식

     border: 3px soild(직선) #f00

• padding
  • 요소의 여백
  • 속성; margin과 동일

💡 요소로 인식하는 영역은 border까지!

그러나 width, height 값은 콘텐츠 영역에만 적용된다.
(padding과 border는 여백이므로 콘텐츠 못 들어감)

---

2. display 속성

• 화면에 표시해주는 속성
  • display:none (화면에 안나옴)
  • display:block(인라인 요소를 블록으로 표시)
  • display:inline
  • display:line-block( 인라인 성질 가지고 있되 블록처럼 width, height 적용 가능)

---

3. 선택자

• 선택자의 하위요소(자식요소)를 불러옴
  • 선택자:first-child
  • 선택자:last-child
  • 선택자:nth-child(n)
  • 선택자:nth-of-type(n)
    • 같은 타입(태그)중에 몇번째 자식
    • n에는 배수, 수열 가능(2n+1은 홀수, 2n은 짝수)
    • n은 0부터