CSS教程之div+css在思绪和流程上完成布局与体现的分别

那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？
内容与体现分别，从尺度到国人器重那天起，就已会商了，可是停止在div+cssxhtml+css纯代码的分别，头脑下流程上，究竟怎样分别？

陈旧的话题：一首古诗的分别

　　1.给你一首古诗，保留为毫无格局的一堆笔墨，你往了解它的内容，举行布局的处置。用word排版以后，他有了却构
　　2.这个布局实在包括了语义和体现
　　3.用html举行布局化，抛开统统的体现情势，只思索语义
　　4.用CSS举行体现处置，包含html的默许体现，他具有了视觉体现，这个体现表现出了却构化，也表现出了用户体验，用户体验中包括了交互的排版和视觉体验
　　5.假如加下行为，好比点击正文序号，徐徐跳转到正文内容。

　　再看看css禅意花圃
　　一样是下面的5个步骤，构成初版本的css禅意花圃
　　而更多的模板供应者所做的事情是交互线稿+视觉计划。表现在网页上就是CSS

　　能够看出从编码角度来说
　　　第一步，内容处置为布局，纯HTML的编写
　　　第二步，布局处置为体现，纯CSS的编写
　　　第三步，给体现加下行为。

　　从流程的角度来说
　　　第一步，筹划文档
　　　第二步，布局处置
　　　第三步，交互计划(交互款式构建)
　　　第四步，视觉计划(视觉款式构建)
　　　第五步，款式构建

　　再逆向头脑
　　假如没有css禅意花圃，计划师计划了几百张的计划稿，然后做成页面，HTML的布局会不异嘛？类比，假如你的筹划，给两个交互和视觉计划师处置，页面构建的布局会不异嘛？谜底是一定的不会不异，为何不会不异呢？这里会商的基本地点，这是必要我们深切思索的成绩！
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。