第一种多是你还没有明白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教程，请关注ki4网。
以上就是一文控制纯CSS计划网页的细致内容，更多请关注ki4网别的相干文章！
