转一篇文章。
网站页面设计
传统的网页制作采用两层架构，在表现层控制页面显示，代码比较混乱而且维护性不好，现在一般都采用div+css架构来实现网站页面的开发，本文只是一个简明手册，起到一个抛砖引玉的作用。
CSS的概念：
CSS(Cascading Sytle Sheet),层叠样式表。控制网页格式，并将样式信息与网页内容分离的一种标记语言。
网页如何引用CSS文件
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
根据不同的CSS选择器而设计的例子
1 CSS文件内容
2 HTML内容
DIV+CSS布局的重要数据(页面布局的大小比例方式设计)
现代理念：用div实现对页面结构的划分，用css控制表现。
div是很好的布局元素，有几个重要属性需要了解：
1、position(absolute/relative)
定位属性。通常用absolute绝对定位，然后用其left、top等属性指明其坐标。但注意，是相对于父容器的坐标。
#wrap{left:100;top:100;}
#sub{left:50;top:50;}
2、float（left/right/none)
如果没有设置该属性，当浏览器变大或变小时，层的位置不变。设置该属性后，层随着浏览器变化，始终居左或居右。
但注意，设置position:absolute后，该属性不起作用。
3、width（百分比/像素)
注：百分比仅对拾取器为id时有效。
用百分比表示与父容器之间的相对关系，用像素则表示绝对宽度。
4、height（像素）
无法用百分比设置相对高度，只能设计绝对大小，即高度不变，这是设计时的一个难点。网上有资料关于高度自适应问题的解决。
小技巧：使用height:expression(screen.height）/5，设置层的高度为显示器的1/5，使得层可以随浏览器不同而自动变化。
5、overflow(hidden/scroll/auto)
当层内的内容超过（溢出）层的高度和宽度时，层的显示方式。
hidden：溢出部分不显示
scroll：层显示水平、垂直滚动条
auto：水平溢出自动显示水平滚动条，垂直溢出自动显示垂直滚动条。
通常用auto。这样可以设计时就设定层的大小，运行时，其大小都不变，层的内容溢出时通过滚动条显示溢出部分，因此不至于影响其他页面元素，而导致破坏页面整体结构。
6 div的margin,border,padding属性的定义
margin是对外元素的距离，用来控制元素本身的浮动位置；
padding是对内元素，用来控制元素内部元素的位置；
border是元素的边框
文档来源：http://www.csharpwin.com/dotnetspace/6001r5731.shtml