background ⇒ content의 높이에 따라 height 결정. 높이설정 가능
- background-color ⇒ 배경색
- background-image ⇒ 배경이미지 (url)
- background-repeat ⇒ 반복유무 (repeat-x, repeat-y,no-repeat). 기본 xy반복
- background-position ⇒ 배경 위치 (x,y). 기본50%
- background-size ⇒ 배경크기(x,y) ⇒ cover(부모의 width), contain(부모의 height)
- background-attachment ⇒ 기본(scroll), 고정(fixed)
- background ⇒ 색상, 이미지경로, 반복유무, 위치 / 크기 한번에 설정
table ⇒ 정형화된 구조. 변동성 적음 ex) 게시판
- 리스트 태그로 대체 ⇒ ul, li
- <thead></thead> ⇒ 머릿말, 제목 (생략가능)
- <tbody></tbody> ⇒ 테이블 내용 (생략가능)
- <tfooter></tfooter> ⇒ 꼬릿말, 주소 (생략가능)
- <th></th> ⇒ 테이블 이름(table head). 가로 가운데 정렬, bold (속성, 필드에 사용)
- <tr></tr> ⇒ 테이블 행 (table row) ⇒ 필수!
- <td></td> ⇒ 각 셀의 실제 내용 (table data) ⇒<tr>에 선언된 <td>가 열(속성) 결정 (필수)
- 열 크기 미설정시 자동으로 균등분할
- 하나의 열 크기가 정해지면 모든 열의 크기가 자동으로 설정
- rowspan ⇒ 병합할 행 갯수 설정, colspan ⇒ 병합할 열 갯수 설정
- display : table / table-row / table-cell ⇒ 해당 태그를 table화 시킴
- vertical-align ⇒ flex, grid에서 적용 가능
<table>
<tr>
<th>1행1열</th>
<th>1행2열</th>
<th>1행3열</th>
</tr>
<tr>
<td>2행1열</td>
<td>2행2열</td>
<td>2행3열</td>
</tr>
</table>