- 기본
padding==> 공백
padding: 1px=> 좌측 공백 1px
padding: 1px 10px 20px 30px 위 우측 아래 좌측 공백
margin==> 위 아래 공백
- font 설정
2-1. 같이 선언
font : 크기 스타일...
하지만, 정해진 3개 요소만 사용 가능(크기, 스타일, ??)
2-2. 따로 선언
font-family : ......;
font-weight : ......;
- display : flex;
flexbox 생성
- 이 때, justify-content를 center가 아닌 다른 값으로 사용할 경우,
flex 사용 시에 맞는 커맨드를 찾아야함 (ex. flex-end 하단 정렬)
- align-items : center; / justify-content: center; / text-align: center;
box 내 요소 중앙 위치(가로 기준)
box 내 요소 중앙 위치(세로 기준)
text 중앙 정렬
- flex-direction
flexbox 생성 방향을 설정
column==> 세로로 생성
row(default)==> 가로로 생성
row-reverse==> 우측(반대편)부터 가로로 생성
- object-fit : cover; 사용
image 특성 설정 시 너비, 높이와 관련없이 이미지 비율을 유지
