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;不会换行

5.8sea.js网站开发