div+css 는 사고 와 절차 에서 구조 와 표현의 분리 분석 을 실현 한다.

오래된 화제:고시 한 수의 분리 1.고시 한 수 를 주 고 격식 없 는 한 무더기 의 문자 로 보존 하 며 그 내용 을 이해 하고 구조 적 으로 처리한다.워드 로 레이아웃 한 후에 그 는 구조 가 생 겼 다.2.이 구 조 는 의미 와 표현 을 포함한다.3.html 로 구조 화 를 하고 모든 표현 형식 을 버 리 고 의미 만 고려한다.4.CSS 로 표현 처 리 를 한다.html 의 기본 적 인 표현 을 포함 하고 그 는 시각 적 표현 을 가진다.이 표현 은 구조 화 를 나타 내 고 사용자 체험 도 나타 낸다.사용자 체험 에는 상호작용 의 레이아웃 과 시각 체험 이 포함 되 어 있 습 니 다.만약 에 행 위 를 추가 하면 주석 번 호 를 클릭 하고 주석 내용 으로 천천히 이동 합 니 다.다시 보면 css 선의 화원 역시 위의 5 단계 로 첫 번 째 버 전의 css 선의 화원 을 형성 하고 더 많은 템 플 릿 제공 자가 하 는 일 은 상호작용 원고+시각 디자인 이다.웹 페이지 에 나타 나 는 것 은 CSS 입 니 다.인 코딩 의 측면 에서 볼 때 첫 번 째 단 계 는 내용 처 리 를 구조 로 하고 순 HTML 의 작성 두 번 째 단 계 는 구조 처 리 를 표현 으로 하 며 순 CSS 의 작성 세 번 째 단 계 는 표현 에 행 위 를 더 합 니 다.절차 의 측면 에서 볼 때 첫 번 째 단 계 는 기획 문서 의 두 번 째 단계,구조 처리 세 번 째 단계,상호작용 디자인(상호작용 스타일 구축)네 번 째 단계,시각 디자인(시각 스타일 구축)다섯 번 째 단계 이다.스타일 구축 은 역방향 사고 이다.만약 에 css 선의 화원 이 없 으 면 디자이너 는 수백 장의 디자인 원 고 를 디자인 했다.그리고 페이지 를 만 들 면 HTML 의 구조 가 같 을까요?비교 해 보면 만약 에 당신 의 기획 이 두 개의 상호작용 과 시각 디자이너 에 게 처리 하면 페이지 구축 의 구 조 는 같 을 까요?답 은 긍정 적 인 것 이 고 같 지 않 을 것 이다.왜 같 지 않 을 까?여기 서 토론 의 근본 은 우리 가 깊이 생각해 야 할 문제 이다!