웹/CSS2 height: auto 와 height: 100%의 차이 height: auto 기본적으로 자기 또는 자기 자식의 높이를 기준으로 함. 이 경우에는는 height이 100px로 계산이 됨 height: 100% 기본적으로 자기 부모의 높이를 기준으로 함. 이 경우에는 height이 50px로 계산이 됨 그러나 부모가 display: flex일때는 반대가 될 수 있음 부모가 display: flex일때 자식의 height: auto인 경우 이렇게 되면 align-items의 기본값이 stretch여서 자기 자식의 높이로 설정 되지 않고 부모의 높이인 50px로 계산이 됨 부모가 display: flex이고 높이가 정해지지 않을 때 자식의 height: 100%인 경우 이렇게 되면 height: 100%가 되면 align-items가 stretch여도 height.. 2023. 7. 16. Tailwind CSS CDN설치 및 관련 사이트 tailwindcss는 Utility-First Fundamentals CSS 프레임워크이다. css를 구성하는데 작은 단위의 classname들을 가지고 있어 이것들을 조합해서 웹사이트를 꾸밀 수 있다. CDN환경에서 간단하게 tailwindcss 사용하기 Hello world! head부분에 "" target="_blank" rel="noopener">https://cdn.tailwindcss.com">" 이걸 삽입함으로써 간단하게 tailwindcss를 사용해 볼 수 있다. tailwindcss관련 사이트 tailwindcss 공식 문서 (어떤 class들이 있는지 확인 가능) https://tailwindcss.com/docs/installation Installation: Tailwind CLI.. 2022. 10. 18. 이전 1 다음