u013114440的专栏

YUI是一个免费的，开源的Javascript和CSS库，用于构建丰富的交互式web应用程序。 YUI为我们提供了一个强大的JS框架的同时还提供了几个CSS的框架，分别是Reset、Base、Font以及Grid。通过在页面中引用这几个CSS，可以让我们的前端开发工作事半功倍，达到快速将美工图转化为实际产品、并且能够保证在绝大多数浏览器上的正常表现。 接下来我们来了解一下YUI的这

960 Grid System 是一个css框架，能让你快速准确的建立网页布局，而且对于你们平时那些浮动，不兼容性等问题有一个更加好的解决方案！ 在使用之前请注意：不要编辑960.css文件，如果你修改了它，那么你今后将无法更新这个框架。 在地址栏输入960.gs下载 containter容器 在960框架中，你可以选择三种类名为.container_12 、 .c

html布局机制是文档流模型，即块元素独占一行，内联元素不会独占一行。 相对定位 position：relative 相对定位即相对元素本身原来的位置设置偏移，用left、right、top、bottom进行定位后，元素会根据原来的位置进行移动，但是该元素不会脱离文档流，元素移动前所占的位置会保留。 绝对定位 position：absolute 绝对定位找的相对对象时该元素

浮动元素不占任何正常文档流空间，而浮动元素的定位还是基于正常的文档流，然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后，仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。 不过既然浮动元素不占任何正常文档流空间，为什么文字不在DIV下，而是环绕DIV？ 这就是浮动的特性。普通的块级元素处在浮动元素下层，但它内部的文字（以及行