코드 창에 ! 쓰면 html기본 틀? 나옴.
css는 head > style태그 안에 씀
<head>
<style>요기</style>
</head>.class_name
#id_name
| inline | block |
|---|---|
| 필요한 만큼만 차지 | 한 줄 전체 차지 |
| 왼쪽에서 오른쪽으로 쌓임 | 위에서 아래로 쌓임 |
display: flex; -> 가로로 배치
display: flex;
justify-content: center; -> 주축 방향으로 가운데 정렬flex = 배치순서 바뀜
justify-content: 가로 선에서 배치 시켜주는것
display: flex;
justify-content: center;
align-items: center;flex = 배치순서 바뀜
justify-content: 가로 선에서 배치 시켜주는것
align-items: 세로 선에서 배치 시켜주는것
