목록css 단위 (1)

Jaeilit

CSS 살펴보기 (단위)

반응형이나 일반 레이아웃 짤 때 css 단위를 정확히 몰라서 한번 파보도록 해야겠다고 생각을 했습니다. 작업 할 때 의미를 알고 작업 할 수 있도록 짚고 가겠습니다. 단위 px, % rem, em vw, vh vmin, vmax px(픽셀) .div{ width : 100px; height : 100px; } 코드블럭이 이상하게 나오네요,, 가장 기본이 되는 단위 픽셀(px) 입니다. %(퍼센트) .div{ width:50% } 자식은 부모의 넓이만큼을 나눠쓰는 구조, 사진 -> 부모가 width 값을 100%를 쓰고 자식은 그 100%의 50%만 써서 블록이 반만 출력 됨, 3. em, rem .jasic1 { width:10em; font-size : 10px; background-color : re..
TIL 2021. 9. 10. 19:45
이전 Prev 1 Next 다음