반응형 html css4 내가 자주쓰는 사진과 폰트사이트 정리 폰트사이트 https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 사진 & 일러스트 https://pixabay.com/ https://www.pinterest.co.kr/ Pinterest 요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요. www.pinterest.co.kr 2022. 2. 10. [css] input focus시 강조되는 선 없애기 input:focus { outline: none; } 2022. 2. 10. [CSS] Flex CSS display: flex; 기본적으로 justify-content는 row(가로)로 되어있기 때문에 main axis는 가로 / cross axis는 vertical(세로)로 되었다. 그러나 flex-direction: column을 하게되면 반대로 main axis는 vertical cross axis는 row로 변경되게 된다. 반응형으로 적용을 했을 때 박스모양이 망가지는 것을 방지하려면 flex-warp: warp을 사용하면 된다. 박스모양의 순서를 뒤집고 싶으면 flex-warp: warp-reverse 를 해주면 된다. 👍flex-grow : 자신이 가질 수 있는 최대 즉 여백의 값까지 가지게 된다. (반응형때 유용) flex-shrink : 만약 flex-shrink값을 2를 주었다면 그 값을.. 2021. 8. 13. [CSS] ul, li 태그 사용시 점 없애기 ul코드 사용할시 점이 생기는데 css에 아래쪽과 같이 ul{list-style:none;padding-left:0px;} 사용하고 코딩하면 그때부터 점이 생기지 않게 된다. 2021. 6. 4. 이전 1 다음
