http://download.csdn.net/detail/joueu/8653897

你的代码可能打错了  

*{padding:0; margin:0;}
html, body{ height:100%; overflow:hidden;}
#container,.sections,.section{height:100%;}
#section0,#section1,#section2,#section3{background-color:#000; background-size:cover; background-position:center; color:#FFF; text-align:center;}
#section0{ background-image:url(images/1.jpg)}
#section1{ background-image:url(images/2.jpg)}
#section2{ background-image:url(images/3.jpg)}
#section3{ background-image:url(images/4.jpg)}

<div id="container">
  <div class="sections">
    <div class="section" id="section0"><h3>this is pagefull</h3></div>
    <div class="section" id="section1"><h3>this is pagefull</h3></div>
    <div class="section" id="section2"><h3>this is pagefull</h3></div>
    <div class="section" id="section3"><h3>this is pagefull</h3></div>
  </div>
</div>

sublime text2

不懂就要多做 错了就要懂得找问题

myeclipse

sublime的插件

sublime 没有像Dreamweaver那样代码提示功能，autocomplete应试类似这个功能的

因为有些浏览器有margin各padding

最快的方法是w3c上学，看看例子，最权威的学习地方。http://www.w3school.com.cn/

注意路径

看看IE有没有IE9+。

可以在程序里绑定window中的resize事件就可以了。

图片轮播的原理，可以参照图片轮播的章节

section的父元素是container，而container的width是400%，所以，section的width就是container父元素的25%*400%=100%，即与body同width。

callback