모더나이저와 노멀라이즈 css를 같이 활용합니다. 크로스 브라우징은 css reset 부터 신경을 써야 합니다. 그후 각 브라우저별, 버전별로 어떤 기능을 지원하고 안하는지 개발자가 일일이 확인하기 불가능하기 때문에 라이브러리를 힘을 빌려야 합니다. 그중 가장 유명한 것은 모더나이저입니다. 모더나이저 활용하기 참고 영상 https://youtu.be/63pj9aPRsY4

https://www.codingfactory.net/10710 CSS / 체크박스 꾸미는 방법 체크박스 꾸미는 방법 체크박스를 바로 꾸미는 건 어렵습니다. 그래서 체크박스와 연결된 라벨(label)을 만들고 라벨을 꾸밉니다. 라벨을 클릭하면 체크박스가 체크되고, 다시 클릭하면 체크가 www.codingfactory.net

출처 : https://webdir.tistory.com/272 float 레이아웃 문제 해결 float를 이용한 레이아웃을 작성할때, 부모 요소가 자식 요소의 크기를 반영하지 못하는 문제가 생깁니다. float가 적용된 요소는 문서의 흐름에서 제외되어 둥둥 떠 다니는 레이어처럼 떠있게 되 webdir.tistory.com

출처 : https://www.codingfactory.net/10830 CSS / max-width, height로 반응형 웹디자인을 위한 이미지 스타일링 하기 반응형 웹디자인은 웹브라우저의 가로폭에 따라 레이아웃이 변하고, 그에 따라 각 요소의 가로폭도 변합니다. 텍스트는 일반적으로 바뀐 폭에 맞추어 줄바꿈이 되지만, 이미지는 줄바꿈이라는 www.codingfactory.net 반응형 웹디자인은 웹브라우저의 가로폭에 따라 레이아웃이 변하고, 그에 따라 각 요소의 가로폭도 변합니다. 텍스트는 일반적으로 바뀐 폭에 맞추어 줄바꿈이 되지만, 이미지는 줄바꿈이라는 게 없기 때문에 문제가 생깁니다. 어떤 문제가 발생하는지 살펴보고 해결책을 찾아보겠습니다. 이미지 크기를 정하지 않은 경우 이미지의 크기를 정하지..

https://www.codingfactory.net/11769 CSS / IE에서 표의 셀 안의 이미지 크기 설정하는 방법 표의 셀 안에 200x200 크기의 이미지를 넣고, 셀의 가로 크기를 100px로 정해도, 이미지는 200x200 크기로 나옵니다. 셀의 크기에 맞게 이미지가 줄어들게 하는 방법은 두가지가 있습니다. www.codingfactory.net

https://nykim.work/85 반응형 웹 뚝딱 만들기 (2) - vw, vh, vmin, vmax, em, rem 속성 프롤로그 지난 글에는 반응형을 위해 필요한 뷰포트 메타태그와 미디어 쿼리에 대해 다뤘었는데, 이번에는 CSS 속성을 통해 좀 더 편하고 쉽게 반응형을 만드는 방법을 알아보려고 합니다 🤟 히 nykim.work