css
1.[CSS]특정 영역 안에 자식요소를 꽉 채우는 object-fit
특정 요소 안에 자식 요소를 꽉 채우는 css 속성이 있다.object-fit 속성여태까지는 주어진 영역 안에 이미지를 꽉 채우기 위해서는 background 속성을 사용하곤 했는데,가끔 <div> 안에 들어간 <img>를 <div> 밖으로 나가지 않
2023년 5월 9일
2.[CSS]transform 3D 효과를 주는 perspective
부모요소에 perspective 속성을 주지 않았을 경우부모요소에 perspective 속성을 주었을 경우
2023년 5월 9일
3.[CSS]flex/order 자식요소의 순서를 정하는 속성
2번 article이 3번째에 위치함이 때, article:nth-of-type(2)의 order를 음수로 줄 수 있다.음수로 줄 경우, 맨 앞으로 당겨진다.
2023년 5월 9일
4.[CSS]flex/flex-basis, flex-gorw, flex-shrink
Flex Item의 크기를 설정한다.이 때, flex-direction:row인 경우에는 아이템의 좌우 너비가 변하고, flex-direction:column;인 경우에는 아이템의 높이가 변한다.남는 행 여백을 분배하여 채우는 속성flex-grow를 사용하면 부모 요소
2023년 5월 10일