2022 04 29 CSS

hongwr·2022년 4월 28일
0

CSS

목록 보기
10/12
post-thumbnail

CSS

align-items

수직 정렬을 할 때 쓴다.

.education {
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

hover

hover는 마우스를 올렸을 때 다른 동작을 하도록 만드는 것이다.
그냥 hover를 쓰는 것은 문제가 없으나, 호버 해당 부위를 설정할 때는 이런 식으로 써야한다.

.major__icon i: hover = 메이저 아이콘에서 i에만 적용.
.major__icon: hover i = major__icon에 hover를 다 적용하는데,
그때 효과를 받는 것은 i만
여기서 i는 폰트어썸에서 받은 tag i

flex

여기서 자세히 보기
https://studiomeal.com/archives/197

justify-content

flex 컨테이너 안에있는 것들의 위치를 조정할 때는 justify-content를 써야한다.

https://studiomeal.com/archives/197
여기에 자세히 나와있다.

margin:auto

작업을 하다보면, 오른쪽에 마진이 몰려있어서 가운데 정렬이 안 될 때가 있다. (블럭 태그 일 때)

그럴 때 margin:auto를 사용하면 가운데 정렬이 된다.

profile
코딩 일기장

0개의 댓글