모든 곳이 아닌지정한 한 페이지의 배경만 가득 채우고자 했다. 🤔 정하려는 페이지의 외각 태그의 높이 설정해보면import "./test.css";function Test() { return Test;}export default Test;일단 페이지의 구성은 태그 하나로 채워져있다. Test 간단하게 보면 이런 구조다. .testContainer { height: 100%; background-color: aqua;}페이지를 가득 채우기 위해 높이값을 100%로 설정했다. 그러나 문자 사이즈 만큼만 배경이 적용된 것을 볼 수 있다. 왜 적용이 안되었을까?.testContainer의 height: 100%;는 부모 요소의 크기를 기준으로 10..
body 여백 없애기 테스트 테스트 위와 같이 코드를 작성하면 div주변에 상단, 좌우 여백이 생긴다. 이를 없애기 위해선 body의 마진을 0으로 변경해주면 된다. body{ margin:0; } 그럼 위와 같이 좌우, 상단이 윈도우 창에 맞게 div가 조절된 것을 볼 수 있다. h1 사용시 여백 앞서 말한 듯이 body의 margin을 0으로 설정해도 상단 여백이 존재하는 문제가 생겼다. 이는 h1(h2 등도 마찬가지)도 body처럼 기본적인 margin이 존재하기 때문이다. 따라서 h1의 margin-top를 0으로 설정해주면 된다. body{ margin:0; } h1{ margin-top: 0; } See the Pen Untitled by mjtime (@mjtime) on CodePen. 📝..
