개발 공부 기록 중..

글꼴 (font) font-size-> https://developer.mozilla.org/ko/docs/Web/CSS/font-size 단위로 계산된 다른 항목들의 크기를 바꿉니다." data-og-host="developer.mozilla.org" data-og-source-url="https://developer.mozilla.org/ko/docs/Web/CSS/font-size" data-og-url="https://developer.mozilla.org/ko/docs/Web/CSS/font-size" data-og-image="https://blog.kakaocdn.net/dna/cvRIaT/hyXhXrsVpV/AAAAAAAAAAAAAAAAAAAAABk8capTgYORbupmhFsaPlHF0TZmJTKlHmHUUxOnmF9l/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1777561199&allow_ip=&allow_referer=&signature=go2GPKqZ0njJ5lh9tBxESYjjHoo%3D

Box 속성   단위  px, %px 단위는 픽셀이라는 뜻이며 화면에 고정적인 길이를 의미하며 절대적인 수치를 의미한다.1px은 디바이스마다 고정크기가 다를 수 있다.% 단위는 부모요소 대비 비율적 영향을 받는다.   em, remem 단위는 요소 자기 자신의 font-size에 영향을 받는다.예를 들어 h1태그의 font-size를 10px로 지정하고 width를 5em으로 지정하면 가로 길이는 5 x 10px의 50px이 된다.rem단위는 html태그에서 지정한 font-size에 영향을 받는다.html태그에는 기본값으로 16px이 정의되어 있습니다. 따라서 따로 font-size를 조절하지 않으면 2rem은 32px이된다.   vw, vhvw, vh 단위는 뷰포트(디바이스 화면)를 기준으로 설정되는..