목록박스모델 (1)

판봉 개발 일기

CSS의 크기 단위, 박스모델, 보더, 동위 선택자, 의사 클래스 선택자에 대하여(0722)

오늘은 CSS의 크기 단위 먼저 살펴보겠습니다. 크기 단위 : px과 % - px : 픽셀 단위 - % : 백분율 단위 CSS엔 px과 %라는 크기 단위가 있습니다. 위의 사진과 같이 웹 브라우저의 문서의 기본 폰트 크기는 16px입니다. 즉 fonit-size : 150% --> 16*1.5=24px이 됩니다. 두번째 크기 단위로는 em과 rem이 있습니다. em : 부모 요소의 폰트 크기를 기준으로 하여 상대 비율을 정한 것 rem : 루트 요소(html) 폰트 크기 기준 상대 비율을 정한것 한가지 주의 할점이 있는데 단순히 em만 사용하면 나중에 문제가 복잡해지는 경우가 생깁니다. 부모 요소의 폰트크기를 찾을 수 없다면 그 부모의 부모요소를 찾게 되는데 이것을 코드를 작업할때 굉장히 고난을 초래하는..
JAVA 웹개발 과정 2021. 7. 22. 16:22
이전 Prev 1 Next 다음