web 开发之UI篇（一）

     web开发中，设计到UI 方面的技术，主要是HTML ，CSS，JAVASCRIPT，个人觉得，如果想做出一个友好的网页界面，可以注意下下述内容：

总体上来看可注意：

1、最好利用div布局网页，尽量不使用frameset,若要使用iframe，可以考虑镶嵌在div中使用，这样做，主要是避免一些分辨率兼容问题；

2、利用div布局网页时，可采取不断细化的方式来做，这样也比较符合人的思维方式，看起来也会具有逻辑性些；

3、最外层的div（用来划分区域的div）最好是使用象素给其wight  height 赋值，然后其中细化的div，可采用百分比赋值，这样修改调整起来比较方便；

4、和css文件一样，js脚本尽量用单独的文件存储，使得页面与功能分离；

细节上来看，主要是css的一些属性使用：

1、由于table中文字与table的边框之间是有一定默认距离的，为了使这种距离有适当的调整，可考虑修改font-size,height,line-height属性，最好将height,line-height的值设为同一个值；

2、 属性与属性值之间不可有空格，因为有些浏览器不支持这样的赋值；

3、个人觉得最外层的div的position使用absolute，更能固定各部分在网页中的位置；事实上，position的使用需要明白这样一句话：“如果用position来布局页面，父级元素的position属性必须是relative，而定位于父级内部某个位置的元素，最好是absolute”

4、z-index属性需要与明确定义了position为fixed,absolute,relative的属性中，否则无效

“CSS z-index 属性的使用方法和层级树的概念”是一篇关于z-index的很好的文章