CSS 레이아웃을 배우고 있나요? 아직도 순수한 CSS 레이아웃을 완전히 마스터할 수 없습니까? 일반적으로 학습을 방해하는 두 가지 상황이 있습니다:
첫 번째 가능성은 CSS 처리 페이지의 원리를 이해하지 못했다는 것입니다. 페이지의 전반적인 성능을 고려하기 전에 먼저 콘텐츠의 의미와 구조를 고려한 다음 의미와 구조에 CSS를 추가해야 합니다. 이 기사에서는 HTML을 구성하는 방법을 설명합니다.
또 다른 이유는 매우 친숙한 프레젠테이션 레이어 속성(예: cellpadding, hspace, align=left 등)을 잃어버리고 이를 어떤 CSS 문으로 변환해야 할지 모르기 때문입니다. 첫 번째 문제를 해결하고 HTML을 구성하는 방법을 알게 되면 원래 프레젠테이션 속성을 대체하는 데 사용할 CSS에 대해 자세히 설명하는 목록을 제공하겠습니다.

구조화된 HTML
우리는 웹페이지 제작을 처음 배울 때 항상 그림, 글꼴, 색상, 레이아웃 계획을 고려하여 디자인하는 방법을 먼저 고려합니다. 그런 다음 Photoshop이나 Fireworks를 사용하여 그림을 그리고 작은 그림으로 자릅니다. 마지막으로 HTML을 편집하여 모든 디자인을 페이지에 복원합니다.

HTML 페이지를 CSS(CSS 친화적)로 배치하려면 먼저 "외관"에 대해 생각하지 말고 먼저 페이지 콘텐츠의 의미와 구조를 생각해야 합니다.