摘要：先搞清基本概念： px就是表示pixel，像素，是屏幕上显示数据的最基本的点；而pt就是point，是印刷行业常用单位，等于1/72英寸。这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，“点”的大小是会“变”的，也称为“相对长度”。 pt全称为point，但中文不叫“点”，查金山词霸可以看到，确切的说法是一个专用的印刷单位“磅”，大小为1/72英寸。所以它是一个自然界标准的长度单位，也称为“绝对长度”。因此就有这样的说法，在网页设计中，pixel是相对.. 阅读全文

摘要：所有CSS布局技术依赖于三个基本概念：定位、浮动和空白边margin操纵主要内容：1. 让设计在页面中水平居中2. 创建两列和三列的基于浮动的布局3. 创建固定宽度、流体和弹性布局4. 将列拉长到整个可用的宽度让设计居中有两个基本方法：一个方法使用自动空白边（margin auto）另一个方法使用定位和负值空白边PS：怪异模式中的IE5.x和IE6不支持自动空白边，幸运的是，IE将text-align:center误解为让所有的东西居中，而不只是文本，可以利用这一点方法让主题标签中的所有东西居中，包括容器DIV ,然后将容器的内容重新对准左边body{text-align:center;}#w 阅读全文

摘要：在CSS弹性布局是根据字号（而不是浏览器宽度）来设置元素的宽度，通过以em为单位设置宽度，可以确保字号增加的时候整个布局随之扩大，这样可以将行长保持在可阅读的范围内，对于实力弱或者认知障碍的人士尤其有用所以，如果你想灵活布局，经常需要初始化设置body的font-size属性，常见的有body{font-size:62.5%}为什么要设置成62.5%呢？为什么使用%而不是px呢？因为是新手，不懂，查font-size属性，当值为%的时候是指：% 把 font-size 设置为基于父元素的一个百分比值。这body的父元素就是HTML啦，应该是指浏览器默认样式啦....而大多数浏览器的默认字... 阅读全文