1，头部需加
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
还有就是搜索引擎写上即可；
2，头部header，面包屑名称header>header-inner>h1#logo>img + ul#nav>li>a
background: -moz-linear-gradient(top, #626D76, #323A41);
background: -webkit-gradient(linear, center top, center bottom, from(#626D76), to(#323A41)); 背景颜色渐变 渐变的深色
background: #EFEFEF; /* old browsers */
background: -moz-linear-gradient(top,#F7F7F7 0,#DFDFDF 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F7F7F7),color-stop(100%,#DFDFDF));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=‘#f5f5f5‘, endColorstr=‘#dfdfdf‘,GradientType=0 ); /* ie */ 渐变的灰色
拓展：需要记忆单词inner内部的 content内容
3,content
<div id="content">
<div class="page page-active" id=‘page-loading‘>
<h2>loading.....</h2>
</div>
<div class="page" id=‘page-intro‘>
<div class="headline">
<h2>生活的简单、朴素，是一件很幸福的事</h2>
<p>至少我不会跟任何人去比较什么吃穿，就是喜欢这样的自己</p>
</div>
</div>
</div>
一般为这样，有一个加载的过程在里面loading.....
还有一个需要注意的是p标签有时需要给他加一个样式p{margin:0;}这样的话p标签的上下就不会有默认的边距了。
white-space: nowrap;不会换行