1、设计有设计的现实，不过平面设计与网页设计的现实还是稍有差异。比如在出版物上，有衬线字体（如Times New Roman）的效果较好，而在网页上，无衬线字体（如Arial、Vardana）的效果较好。在用色方面，出版物的设计以低明度和低纯度表达成人世界，而web设计中，往往不需要这样的约束，高明度和饱和度的成功网站比比皆是。
2、用字体栈定义备用字体：
body{
font-family：Helvetica，Arial，sans-seriif
}
这代码的意思是，浏览器先找Helvetica，如果没有就试试Arial，再没有就使用系统默认的无衬线字体。
3、doctype文档声明强制浏览器以标准模式解析页面，否则有些浏览器，比如IE6就会使用自己的方式，把网页呈现的惨不忍睹。
这是个添加doctype的声明：
<!DOCUTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
4、将页面划分区域：
<body>
<div id="header"></div>
<div id="wrap">
<div id="sidebar"></div>
<div id="main"></div>
</div>
<div id="footer">
<div>
</body>
5、Gif适合做网络友情链接的Logo。PNG为网络专用设计，对透明度支持很好，是Portable Network Graphics的缩写。JPEG不支持透明，只适合照片图片。
6、CSS中，id的优先级比class高，但如果在class中设置!important，则class优先级更高，如：.logo{color：#F00 !important；}
这点在改论坛CSS格式中尤其有效，采用论坛软件的话只能在其默认生成的CSS模板中改，有些模板不能改动，只能覆盖，尤其是ID部分。
7、清除浏览器默认：
body，p，h1，h2，h3，h4，h5，h6，ul，li，form{
margin:0;
padding:0;
line-height:18px;
}
8、块级内容居中的方法是：#page{margin:0 auto;}
该属性是以下内容缩写：margin:0 auto 0 auto;
上下为零，左右自动。
