摘要：
一．准备工作1.为了达到最低效果，第一个项目将采用 1440 x 900 的分辨率录制；因为，1024 根本无法容纳最低宽度的页面；页面采用 1280 的最低宽度设计，去掉滚动条为 1263 像素。2.第一个项目是 PC 端的固定布局，会采用像素(px)单位。3.项目素材图片，是课外... 阅读全文
摘要：
一．新版本新版本的 Flexbox 模型是 2012 年 9 月提出的工作草案，这个草案是由 W3C 推出的最新语法。这个版本立志于指定标准，让新式的浏览器全面兼容，在未来浏览器的更新换代中实现了统一。首先，设置伸缩盒的 display 有如下两个属性值： 属性值 说明 fle... 阅读全文
摘要：
一．混合过渡版混合版本的 Flexbox 模型是 2011 年提出的工作草案，主要是针对 IE10 浏览器实现的伸缩布局效果，其功能和旧版本的属性大同小异。我们还是采用上一节课的文件，然后使用混合过渡代码，实现 IE10 的伸缩布局。首先，设置伸缩盒的 display 有如下两个属性... 阅读全文
摘要：
一．定位布局在使用定位布局前，我们先了解一下定位属性的用法。CSS2 提供了 position 属性来实现元素的绝对定位和相对定位。 属性 说明 static 默认值，无定位。 absolute 绝对定位，使用 top、right、bottom、left进行位移。 re... 阅读全文