一文把握纯CSS布局网页
首先种可能是你尚无了解CSS处置页面的道理。在你考虑你的页面整体体现结果前，你应该先考虑内容的语义和构造，然后再针对语义、构造增加CSS。这篇文章将告诉你应当如何把HTML构造化。
另一种缘由是你对那些非常熟知的体现层属性（例如：cellpadding,、hspace、align="left"等等）黔驴技穷，不晓得该转换成对 应的什么CSS语句。 当你解决了首先种题目，晓得了怎样构造化你的HTML，我再给出一个列表，细致列出本来的体现属性用什么CSS来取代。
构造化HTML
我们在刚学习网页制作时，总是先考虑怎么设计，考虑那些图片、字体、色彩、以及布局方案。然后我们用Photoshop或者Fireworks画出来、切割成小图。最后再通过编纂HTML将所有设计复原体现在页面上。
要是你但愿你的HTML页面用CSS布局（是CSS-friendly的），你需要回首重来，先不考虑“外不雅”，要先思索你的页面内容的语义和构造。
外不雅并不是最重要的。一个构造良好的HTML页面可以以任何外不雅体现出来，CSS Zen Garden是一个典型的例子。CSS Zen Garden帮忙我们终究相识到CSS的强大力量。
HTML不仅仅只在电脑屏幕上浏览。你用photoshop精心设计的画面可能不克不及显示在PDA、挪移电话和屏幕浏览机上。但是一个构造良好的HTML页面可以通过CSS的不一样定义，显示在任何地方，任何网络设施上。
第一要学习什么是"构造"，一些作家也称之为"语义"。这个术语的意思是你需要剖析你的内容块，以及每块内容办事的目的，然后再依据这些内容目的创立起响应的HTML构造。
要是你坐下来细心剖析和计划你的页面构造，你可能得到相似这样的几块：
标记和站点名称
主页面内容
站点导航（主菜单）
子菜单
搜寻框
功能区（例如购物车、收银台）
页足（版权和有关法律声明）
我们平常采纳DIV元从来将这些构造定义出来，相似这样：
＜div id="header"＞＜/div＞ ＜div id="content"＞＜/div＞ ＜div id="globalnav"＞＜/div＞ ＜div id="subnav"＞＜/div＞ ＜div id="search"＞＜/div＞ ＜div id="shop"＞＜/div＞ ＜div id="footer"＞＜/div＞
这不是布局，是构造。这是一个对内容块的语义注明。当你了解了你的构造，就可以加对应的ID在DIV上。DIV容器中可以包括任何内容块，也可以嵌套另一个DIV。内容块可以包括任意的HTML元素---标题、段降、图片、表格、列表等等。
依据上面讲述的，你已经晓得怎样构造化HTML，此刻你可以进行布局和样式定义了。每一个内容块都可以放在页面上任何地方，再指定这个块的色彩、字体、边框、配景以及对齐属性等等。
以上就是对纯CSS布局网页的全部介绍，要是您想理解更多有关CSS教程，请关注百分百源码网。
以上就是一文把握纯CSS布局网页的细致内容，更多请关注 百分百源码网 其它相干文章！
