반응형
csstips
-
[CSS]CSS 꿀팁 정리! - CodeHan의 코딩공부FrontEnd/CSS 2022. 8. 3. 05:22
독후감인데 유용한 팁들을 적었다. 책에서 본 내용을 간략하게 요약해놨으니 유용하게 사용하길 바란다. 책에서 알게된 새로운 내용들을 많이 옮겨놨다.! img width와 max-width 차이 - width속성이 사용되면 자신의 크기에 상관없이 지정된 width로 표시된다. 따라서 이미지를 포함하는 컨테이너가 이미지보다 클 경우 이미지를 본래 크기보다 더 크게 확대시킨다는 점이 있다. 브레이크 포인트는 인기있는 디스플레이에 맞추기보다 콘텐츠와 디자인에 따라 적당한 브레이크 포인트를 결정하자. flex : 0 0 auto 첫번째 숫자는 flexbox사이에서 비율을 의미한다 1 1이면 같은 비율 2 1이면 첫번째 박스가 2번째 박스보다 2배로 크다. 두번째 숫자는 shrink로 여유 공간이 없을때 항목이 수축..