下面是一份在  HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则，比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。

说明：

浏览器的条件注释理论，用下面一段例子来解释这个问题

(X)HTML

下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果

<!--[if IE]>
<h1>您正在使用IE浏览器</h1>
<![endif]-->
<!--[if IE 5]>
<h1>版本 5</h1>
<![endif]-->
<!--[if IE 5.0]>
<h1>版本 5.0</h1>
<![endif]-->
<!--[if IE 5.5]>
<h1>版本 5.5</h1>
<![endif]-->
<!--[if IE 6]>
<h1>版本 6</h1>
<![endif]-->
<!--[if IE 7]>
<h1>版本 7</h1>
<![endif]-->

下面的代码是在非IE浏览器下运行的条件注释

<!--[if !IE]><!-->
<h1>您使用不是 Internet Explorer</h1>
<!--<![endif]-->
最终在非IE和特殊的IE浏览器下起作用
(或者使用 lte lt 或者 gt gte来判断，如：
<!--[if lte IE 6]

这是一个未知大小的图片在一个已知大小容器中的水平和垂直居中的例子，原文标题：“Centering an image of unknown size in an outer container of known size”， 作者：Stu Nicholls form：http://www.cssplay.co.uk/menu/centered.html，发表日期：15th October 2006。

此文由forestgan于2006-10-17翻译发表，更多文章。

这个水平和垂直居中的例子能正常工作在IE5.x, IE6, IE7, Firefox, Opera, Mozilla, Netscape，为IE和非IE分别写了二套简单的样式。

IE使用inline-blocks，非IE使用table-cell and vertical-align。

CSS

/* for non-IE browsers */
div.holder {width:750px; height:300px; background:#f8f8f8; 
border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle;}
}
<!--[if IE]>
<style type="text/css">
/* vertical al

现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率 ，当屏幕的分辨率一定时，如果你感到字太小，阅读有困难，在非标准浏览器中就无能为力了，所以说，如果把单位改成em，那么就可以用CTRL+鼠标滚动把 字放大，或者用菜单上的查看>文字大小来改变字的大小。

如何设定

1.在body标签里将字体尺寸设为62.5%，如果在body里没有CSS设定，那么浏览器默认的大小是16px，设了62.5%，则字体尺寸=16px*62.5%=10px，这时你能用em方便地设大小了，比如你需要用12px，只要设1.2em。

body{
  font-size: 62.5%;
 }
 h1{
  fong-size: 1.4em;/* h1字的大小相当于14px */
 }
 

2.body里字体尺寸设为75%，则字体尺寸=16px*75%=12px，1em相当于12px.

body{
  font-size: 75%;
 }
 h1{
  fong-size: 1.5em;/* h1字的大小相当于18px */
 }
 

第一种方法更好些。

如果是英文网站的话，还可以设定为small、x-small......

当然这样一来，对页面的设计要求会高一些。

原文标题：Vertical Centering in CSS

副标题：Yuhu's Definitive Solution with Unknown Height

翻译：forestgan

尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。

标准浏览器如Mozilla, Opera, Safari等.，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中，但非标准浏览器是不支持的。

非标准浏览器只能在子元素里设距顶部50%，里面再套个元素距顶部-50% 来抵消。

CSS

body {padding: 0; margin: 0;}
body,html{height: 100%;}
#outer {height: 100%; overflow: hidden; position: relative;width: 100%; background:ivory;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;width: 400px;marg

“Aerials, in the sky, when you lose small mind you free your life” - System of a Down
鸟瞰，从天上，当你放弃了自己狭隘的心胸，你会生活得更自在。” - 遐想

Flying into my home city of Tucson, Arizona late one night in November, I was impressed by how rigid a grid the city’s layout is. Tucson is one of America’s planned cities, and from the sky, it’s easy to see that Tucson’s designers succeeded in creating a city in which everything is laid out according to a precise plan (figure 1).
在十一月某天晚上，飞回我的家乡亚利桑那州的图森市时，我被这个城市方格式的规划深深震撼。图森是美国众多规划良好的城市(planned city:这个翻译有待商榷，反正我是这样认为的)之一，从天上看起来，很显然这个城市的设计者们成功地创造了一座所有东西都在精确计划中的城市。(插图 一)

Figure 1

I was returning home from London, which in contrast is

翻译：Linyupark

First off, let's talk about page layout.
首先，让我们来讲讲有关页面的布局

准则 - 有太多的条条框框会对你的健康产生不好的影响

One designer said that a mark of a designer is when he or she starts to use boxes and rules in his or her pages.
有一名设计师说当他或她在页面设计时开始使用一些条条框框以及一些准则的时候就意味着他已经成为设计师了。

When you look at your page and realize the need to make something attractive and creative out of the boring stuff you've just made, and then decide to throw around a box or two or place rules between columns, then that's the time when your creativity is getting out from confinement.
当你自己观察你的页面并意识到有必要去做些更有吸引力和创造力的

很多朋友希望，我能把我做网站的一些流程及经验跟大家分享一下，最近刚好做一次内部培训，所以稍微整理了一下， 这些只是针对网页初学者，具有一定平面设计水平的人，对HTML不是很了解，他们可能只是想做一个个人主页而已，所以整体还是趋向于传统的表格布局 ， 这里有很多都是一些我个人刚开学时自己摸索的经验，所以可能不是很专业，但是绝对是比较容易入门的，我一直有这种思想，你只有塌进来了，你才可能往更高的 地方爬，我想当初如果没有这段的学习，现在我也不会明白什么W3C，什么CSS，什么ASP，什么XML，一切都是有一个起点，希望能对大家有点小帮助。 整体的PPT比较大，没有放这，我把主要内容用文字大致整理了一份，如果需要PPT，可以跟我联系。有不合理的地方，希望大家能指出，可以共同探讨一下。

主要内容介绍：

一、构成网页的基本要素
二、制作及美化的基本工具
三、网页制作的基本步骤
四、界面设计及交互研究探讨
五、实例制作演示

一.构成网页的基本要素

1.文字（标题、字号、字型...）
2 图形（网页上经常使用的图片格式：jpg、jpeg、Gif、Swf...）
3.交互功能（菜单按钮、链接

颜色的变化跟人类的智慧一样,是无穷的,每个阶段都会有流行的色彩,有属于一个时代的颜色! WEB2.0是一个概念,它宣扬,定位了一些东西,以用户为中心,群体智慧,分享等等,等等.同时顺应这些需求,一些顶尖的设计师和开发者赋予并领导了一 些色彩流行趋势.我凭感觉做了部分归纳和收集,心理没大有底,把能想到的列出来希望跟大家一起探讨>>再做补充吧!

淡淡的浅色系及延伸应用

此类颜色似乎最早被应用在一些文档处理软件比如word,和操作系统里(比如MacOSX)用于分类归档,标记,或者突出显示使用.此类颜色给人的感觉很环保,不伤眼睛,而且对比度恰到好处,既可以有效区分,又不会显的太过突兀.

google,Yahoo更为成熟的运用了这些颜色.MSN在新版网站中也设置了 Simple White主题选择,并且新的LIVE系列产品更是对那种淡淡的兰色与1PX线条情有独忠~另外一些新兴的WEB-base办公软件