HTML2 (CSS) % vs em vs rem % css에서의 단위로 부모요소를 기반으로 값을 계산한다. /* 부모 */ 안녕 /* 자식 */ 예로 div의 font-size 값을 10%로 해두었으면 div의 부모 요소인 main의 font-size 값에서 10%를 한다. %는 해당 요소의 부모요소의 값을 기준으로 한다. em 1em = 100% 0.1em = 10% 동적인 크기를 정할 수 있는 단위 중 하나로 1em은 100%와 같다. 위의 %와 다른 점은 em은 폰트 사이즈를 기반으로 한다. em은 부모 요소의 폰트 사이즈에서 %를 해서 값을 부여한다. rem 1rem = 100% 0.1rem = 10% em과 동일하게 동적으로 크기를 지정할 수 있는 단위이며 폰트 사이즈를 기반으로 한다. em은 부모 요소의 폰트 사이즈라면 rem은 최상위 요소.. 2023. 2. 6. HTML 정리 HTML이란? 웹페이지를 구성하는 기본 중에 기본 우리 눈에 보이는 것들이 HTML로 구현되어있습니다. HTML 기초 //이곳에 우리 눈에 보이는 곳 입니다. 글자크기대로 출력 버튼 html에 있는 여러 태그는 https://developer.mozilla.org/ko/사이트에서 확인가능하다. 여러가지 정보도 있다. https://developer.mozilla.org/ko/docs/Web/HTML/Element에서 여러 태그 확인가능 참고 html을 연습할 땐 https://jsbin.com/?html,output 에서 하면 된다. 여기서 되는 것이 웹에 적용했을 때 안될 수 있어 자신의 코드를 구현해보고 싶다면 https://validator.w3.org/ 로 가면 된다. 오류도 볼 수 있다. htt.. 2020. 7. 21. 이전 1 다음