继续昨天转载 一份“网页重构”试题 解答的后半部分，看这些题目会发现后面的“用心想一想”和“勇气拼一拼”侧重于 代码缩写 代码语义 及 灵活应用，也就是说，虽然后面这些题目考察的知识即使不懂也是可以排出页面的，但如果将来你的页面每天面临上万甚至上亿次的访问呢，代码缩写的意义就在于此；而代码语义既可以对于搜索引擎友好又可以在关闭 CSS 渲染的模式下带给用户不至于太糟的体验；灵活运用则是为了考察你代码的兼容性及强壮稳定性，对于复杂页面结构的代码需要兼容所有的主流浏览器的各个版本，而灵活的使用多种方法制作页面效果也是必须的。
四、用心想一想，你一定是生活中的智者！
1、写出 ul ol dl 三种列表的 html 结构（此处为节约篇幅并没有做缩进）：
- Item List
- Item List
- Head List
- Item List
2、样式表 CSS 代码缩写（通常由于篇幅没有做相应缩进）：
边框的缩写 { border:1px solid #000; }
背景的缩写 { background:#F00 url(background.gif) no-repeat fixed 0 0; }
字体的缩写 { font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif; }
列表项缩写 { list-style:square inside url(image.gif); }
边界的缩写 { margin:20px 20px 5px; }
颜色的缩写 { color:#FC0; }
可以看出这些题目没有挑某个属性来说事，而是囊括了几乎所有的 CSS 属性缩写方法：边框的缩写没有什么内容需要说明的按照顺序附加属性值即可；背景的缩写需要注意的是如果使用坐标或者位置定位需要同时写出 x 和 y 两个值；字体的缩写需要至少定义字号和行高；关于边界缩写如果四个值一样只需要写这个值即可，如果上下一样左右一样则分别写这两个值，如果上下不一样但左右一样需要写出 上 左右 下 三个值，如果四个值都不同需要按照 上 右 下 左 的顺序写出四个值；颜色的缩写是将 RGB 三个值重叠的部分省略即可，另外对于同一选择器的多次颜色定义仅最后一次生效。
3、修改以下代码，使其结构更加合理以及符合 W3C 标准（XHTML 1.0 Strict）
如果平时没有关注 W3C 验证的话想答出这两点是相当困难的。此题目考察的东西比较细致，使给出的代码结构合理以及符合 W3C 的 XHTML 1.0 Strict 标准：首先是结构合理，这点并没有标准答案，只要是内容结构清晰容易理解即可，比如使用 p 标签包裹那两段文字或使用 li 列表分隔上面那两个链接等等，全凭个人习惯即可，此处就不给参考了：
home
关键需要特别说明的是符合 W3C 这块，在 W3C XHTML 1.0 Strict 标准中，所有的 img 标签必须包含 alt 属性且必须自身使用 /> 标记结束，所有的 target=”_blank” 属性将不被支持，在新页面打开需要设置 rel=”external” 并使用 JavaScript 控制新页面打开；我想该题目重点考察的也就是这两个问题吧，改了这两个比较重要的地方应该就没有问题了，我想这也就是为什么这道大题目叫“仔细想一想”的原因了，
五、勇气拼一拼，让你超越别人的加分题目来了！
这道题我直接做了个 DEMO 详情可访问：
我在 DEMO 中添加了一些辅助的伪类样式，如果你的浏览器版本高于 IE6 可使用鼠标划过每个图案，就很容易看出几个 DIV 是如何排列的。
至此，该份题目解析完毕，可以看出有些题目确实有些偏一些，不过这也正常毕竟人家招的仅仅是“网页重构”工作，分工的细致同时也意味着需要专业技术的高度。题目中有些内容本文并没有详细说明，会在后续的 CSS 系列教程中有所体现。注，本文没有给出部分的题目，可访问 一份“网页重构”试题 查看。
支持，继续，关注