탐색 모음, 기본 콘텐츠 및 바닥글을 중앙에 배치하는 방법

Question

저는 웹 코딩 분야가 처음이라 도움이 필요합니다. 나는 지역 스포츠 팀을 위한 웹 페이지를 만들고 있는데 그 웹 페이지가 보기에 좋지 않고 Wordpress가 사용자 친화적이지 않기 때문에 직접 코딩해 보는 것이 더 쉬울 것이라고 생각했습니다.

페이지 내 탐색바, 본문, 바닥글에 들어갈 수 없습니다. 탐색바, 기본 콘텐츠 및 바닥글을 입력하고 너비가 80%만 허용되도록 하여 스포츠 팀 선수 사진이 포함된 배경을 볼 수 있도록 합니다.)

으아아아

저는 부동, 여백, 플렉스, 그리드 등 다양한 CSS 스타일을 시도했습니다.

Answer 1

잘했어요! 정말 좋은 시작이었습니다. 같이 놀고 계시는 것 같군요. tailwindcss 또는 bootstrap과 같은 것을 살펴보는 것이 좋습니다.

이러한 프레임워크는 대부분의 지루한 미세 조정을 처리하는 데 도움이 됩니다. 실제로 파일에 CSS가 많지는 않습니다. 클래스 이름만 추가하면 됩니다. class="m-auto d-flex text-center"와 같은 것이 모든 CSS를 대체합니다.

이 프레임워크는 클래스를 기반으로 하며 이것이 제가 다음으로 권장하는 것입니다. 모든 것에 클래스나 ID를 사용해야 합니다. 이를 통해 더 깔끔하고 체계적인 코드를 작성할 수 있습니다. 당신은해야합니다 :

으아악

웹사이트에 여러 개의 ul이 필요하지만 색상이 달라야 하거나 하나가 중앙에 있어서는 안 되는 경우 어떻게 해야 합니까?

기존 코드를 중앙에 배치하는 방법은 다음과 같습니다. 탐색 표시줄과 기본 표시줄의 여백은 0이 아닌 자동이어야 합니다.

으아악