Front-End/HTML & CSS 검색 결과

해당 글 2건
CSS 기본 : px, em, rem, %(percent) 단위의 차이

CSS를 사용하다보면, 가장 기본적으로 쓰는 것이 px단위이다. 이외에도 em, rem, %(percent) 단위가 있다. 다양하게 활용할 수 있도록 공부해보자. CSS의 단위 CSS의 단위로는 절대 단위와 상대 단위가 있다. 앞서 언급한 px 는 절대 단위이고, 이외에 cm, mm, ic(인치), pc, pt(포인트) 등이 있다. 상대 단위로는 em, ch, rem, vh, vw 등이 있다. 대부분의 브라우저에서는 폰트 사이즈의 기본값이 12pt, 16px, 1em, 100% 로 이루어져 있다. px 픽셀인 px는 모니터에 따라 상대적인 크기를 가짐으로서, 반응형 웹에는 적절하지 않다. 그렇기 때문에 웹디자인할 때에는 px 를 권장하지 않는다. em과 rem em은 부모 요소의 글꼴 크기를 의미하고, ..
Front-End/HTML & CSS 2021. 11. 10. 13:56
CSS 기본 : margin 과 padding 의 속성과 차이

margin 과 padding 의 속성과 차이 프론트 개발하면서 뗄래야 뗄 수 없는 건 CSS 이다. 속성을 조정하면서 사용하게 되는 건 margin 과 padding 인데 심도있게 살펴보기 위해 글로 정리해둔다. 공부하기 위해서는 먼저 공식문서를 보는 게 좋다. margin 과 padding 의 차이를 한눈에 확인하면 아래와 같다. 개발자도구(F12) 에서도 margin과 padding의 속성을 확인할 수 있다. 개발자도구에서도 CSS 를 변경해가며 확인이 가능하니 바로바로 테스트하기에 좋다. margin margin 이란 CSS 속성은 네 방향 바깥 여백 영역을 설정하는 것이다. 속성으로는 margin-top, margin-right, margin-bottom, margin-left가 있다. 위 아래..
Front-End/HTML & CSS 2021. 11. 10. 11:30