block요소 inline요소
- block요소
옆에 다른 요소가 올 수 없음
ex. div, p - inline요소
옆(같은 줄)에 다른 요소가 올 수 있음
ex. span, a
div {
width: 100%;
margin: 0 auto;
}display
- display: inline-block; block을 inline으로 바꿔준다.
- display: none; 보이지 않게 바꿔준다.
margin auto
나머지 공간은 균등하게 나뉜 여백을 가진다.
list
목록<li>은 항상 <ul> 이나 <ol> 태그로 감싸야 한다.
<ul>: 순서가 없는 경우 <ol> :순서가 있는 경우
선택자:first-child {
스타일
}
선택자:last-child {
스타일
}
선택자:nth-child(odd) {
스타일
}
선택자:nth-child(even) {
스타일
}table
<table>
<tr> // table row = 한 행
<th>
<td> // table data = 셀
</td>
</th>
</tr>
</table>
//table heading 행과 열에 제목 추가
rowspan = 행 병합(숫자), colspan = 열 병합(숫자)
