div +s CSS 레이아웃 소개
CSS 레이아웃을 배우고 있나요? 아직도 순수한 CSS 레이아웃을 마스터할 수 없나요? 일반적으로 학습을 방해하는 두 가지 상황이 있습니다:
첫 번째 가능성은 CSS 처리 페이지의 원리를 이해하지 못했다는 것입니다. 페이지의 전반적인 성능을 고려하기 전에 먼저 콘텐츠의 의미와 구조를 고려해야 합니다.
그런 다음 의미와 구조를 위해 CSS를 추가합니다. 이 기사에서는 HTML을 구성하는 방법을 설명합니다.
또 다른 이유는 매우 친숙한 프레젠테이션 레이어 속성(예: cellpadding, hspace, align="left" 등)에 대해 잘 모르고 무엇을 해야 할지 모르기 때문입니다
해당 CSS 문으로 변환합니다. 첫 번째 문제를 해결하고 HTML 구성 방법을 알게 되면 원본 테이블을 자세히 설명하는 목록을 제공하겠습니다
현재 속성을 바꾸려면 어떤 CSS를 사용해야 합니까?
구조화된 HTML
우리는 웹페이지 제작을 처음 배울 때 항상 그림, 글꼴, 색상, 레이아웃 계획을 고려하여 디자인하는 방법을 먼저 고려합니다. 그럼 우리는 포토샵을 사용해요
아니면 불꽃놀이로 그려서 작은 그림으로 잘라보세요. 마지막으로 HTML을 편집하여 모든 디자인을 페이지에 복원합니다.
HTML 페이지를 CSS(CSS 친화적)로 배치하려면 먼저 돌아가서 다시 시작해야 합니다. 먼저 "외관"을 생각하지 말고 페이지를 먼저 생각하세요
콘텐츠의 의미와 구조.
외모가 가장 중요한 것은 아닙니다. 잘 구조화된 HTML 페이지는 어떤 모습으로도 연출할 수 있으며 CSS Zen Garden이 대표적인 예입니다. CSS 젠
Garden은 마침내 CSS의 힘을 깨닫도록 도와줍니다.
HTML은 단지 컴퓨터 화면에서 읽기 위한 것이 아닙니다. Photoshop에서 세심하게 디자인한 이미지는 PDA, 휴대폰, 화면 판독기에서는 표시되지 않을 수 있습니다. 하지만
다양한 CSS 정의를 통해 모든 네트워크 장치에서 어디서나 표시할 수 있는 잘 구성된 HTML 페이지입니다.
생각해보세요
가장 먼저 배워야 할 것은 "구조"가 무엇인지인데, 일부 작가들은 이를 "의미론"이라고도 부릅니다. 이 용어의 의미는 콘텐츠 블록과 각 콘텐츠가 제공하는 내용을 분석해야 한다는 것입니다
목적을 선택한 다음 이러한 콘텐츠 목적에 따라 해당 HTML 구조를 설정합니다.