우선- H1이 그리드와 나란히 앉아 있지 않은 이유를 알고 싶습니다. 제 대신 오류가 발생하거나 글꼴 상자에 글꼴 모양이 어떻게 설정되어 있는지 알고 싶습니다. ? 어쨌든, 두통을 일으키는 원인이되는 무엇이.위와 아래의 단락과 격자 문제 공간
두 번째로 evan.com.au/1/ - 텍스트 본문 위와 아래의 공백을 제거하려면 어떻게해야합니까 (H1 위의 공백 및 페이지 맨 아래의 마지막 줄 아래 공백). 이 코드를 div에 삽입하고 페이지 전체에 세로로 반복하여 뉴스 게시의 기초로 삼을 때 동일한 em 구조를 따라갈 때까지 공백을 넣고 싶습니다.
도움이 될만한 점이 많습니다. 고맙습니다!
'H1'태그 위의 공백을 제거하려면 stylesheet.css에서 18 번째 줄에있는 line-height: 1.5em을 제거하십시오. H1 아래에 더 많은 공간을 원하지만 위의 값보다 크지 않으려면 margin-bottom을`line-height '와 함께 사용해야합니다.
페이지 하단의 공백을 제거하려면 마지막 P 태그의 여백을 제거해야합니다. 이 두 가지 방법 중 하나를 수행 할 수 있습니다. 여백을 0px로 설정하고 해당 클래스를 마지막 P 태그에 배치하는 클래스를 만듭니다. 두 번째 옵션은 P 태그에 CSS 선택기 :last-child을 사용하는 것입니다.
CSS에 추가하면 적어도 Chrome에서는 하단 공간을 수정하는 것으로 보입니다.
p:last-child {
margin-bottom: 0px;
margin-top: 1.5em;
}