<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>家用电器分类页面的效果图</title>
<style>
#changdu{
width: 300px;
}
h2{
font-size: 18px;
color: #FFF;
font-weight: bold;
line-height: 35px;
background:-moz-linear-gradient(to bottom,#0467ac,#63A7D6,#B6DBF5) ;
text-indent: 1em;
}
h3{
background-color:#e4f1fa;
background: linear-gradient(to bottom ,#e4f1fa,#bddff7,#e4f1fa);
text-indent:2em;
font-size: 14px;
font-weight: bold;
line-height: 30px;
}
p{
text-indent: 1em;
line-height: 26px;
}
li{list-style: none;}
.lianjei1 a{
color: #0565c6;
text-decoration: none;
}
.lianjei1 a:hover{
color: blue;
text-decoration:underline ;
}
.lianjei2 a{
color: #666666;
text-decoration: none;
}
.lianjei2 a:hover{
color: #f60;
text-decoration: underline;
}
</style>
</head>
<body>
<div id="changdu">
<h2>家用电器</h2>
<ul>
<li>
<h3 class="lianjei1"><a href="#"/>大家电 </a></h3>
<p class="lianjei2"><a href="#"> 平板电视</a><a href="#"> 洗衣机 </a><a href="#"> 冰箱</a></p>
<p class="lianjei2"><a href="#"> 空调</a><a href="#"> 烟机/灶具 </a><a href="#"> 热水器</a></p>
<p class="lianjei2"><a href="#"> 冷柜/酒柜</a><a href="#"> 消毒柜</a><a href="#"> 家庭影院</a></p>
</li>
<li>
<h3 class="lianjei1"><a href="#"/>生活电器</a></h3>
<p class="lianjei2"><a href="#"> 电风扇</a><a href="#"> 净化器 </a><a href="#"> 吸尘器</a></p>
<p class="lianjei2"><a href="#"> 净水设备</a><a href="#"> 挂烫机 /灶具 </a><a href="#"> 电话机</a></p>
<li>
<h3 class="lianjei1"><a href="#"/>厨房电器 </a></h3>
<p class="lianjei2"><a href="#">榨汁机</a><a href="#"> 电压力锅 </a><a href="#"> 电饭煲</a></p>
<p class="lianjei2"><a href="#"> 豆浆机</a><a href="#"> 微波炉</a><a href="#"> 电磁炉</a></p>
</li>
<li>
<h3 class="lianjei1"><a href="#"/>五金家装</a></h3>
<p class="lianjei2"><a href="#">淋浴/水槽</a><a href="#"> 电动工具</a><a href="#"> 手动工具</a></p>
<p class="lianjei2"><a href="#"> 仪器仪表</a><a href="#"> 浴霸/排气</a><a href="#"> 灯具</a></p>
</li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京东新闻资讯页面</title>
<style>
h1{
font-size: 22px;
color: #333;
font-family: arial,"宋体";
text-align: center;
text-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
}
h2{
font-size: 18px;
color: #999;
line-height: 30px;
text-align: center;
}
p{
font-size: 14px;
color: #333333;
font-family: arial,"宋体";
line-height: 1.8;
text-indent: 2em;
}
.span{
font-size: 12px;
text-align: center;
line-height: 30px;
}
#riqi{color: red;}
.p-img{text-align: center;}
.xie{font-style: oblique;}
.jiachu{font-weight: bold;}
</style>
</head>
<body>
<h1>看不见的完美硬币 :细节的负担</h1>
<h2>创新公司皮克斯的启示</h2>
<hr />
<p class="span"><span>2015年05月05日</span><span id="riqi"> 17:47</span></p>
<p class="p-img"><img src="../img/book.jpg"/></p>
<p class="xie">细节从来都是个好东西,完美的细节往往给我们赢得商业上的胜利。</p>
<p class="xie">但是,在皮克斯,这一家满是完美主义设计师的企业里,细节竟然成了负担</p>
<p class="xie">怎么打造完美的细节?又怎么赢得商业上的利益。皮克斯总裁艾德·卡特姆为我们解答。</p>
<p class="jiachu">看不见的完美硬币:细节的负担</p>
<p>在皮克斯,每一部电影都是商业与艺术的双赢。不管这些电影是艺术作品,还是商品,细节都是至关重要的,是决定成败的关键。人们似乎也听过许多关于细节的胜利的故事,但是在皮克斯,设计师们一个个都是完美主义者,细节显然成了皮克斯的负担。这样的太过于重视细节,往往会伤害到企业该有的效率,最终伤害企业的根本。在完美细节和企业应有的效率面前,艾德·卡特姆做出了明智的决策。</p>
<p>皮克斯有一个现象,被我们的制片人叫作“看不见的完美硬币(the perfect coin)”,这个词指代的是皮克斯制作人员对细节的精益求精。有时候,被我们的制片人凯瑟琳?萨拉菲安称为“床头柜上一枚没人会注意到的硬币”这样的细节,也会引得我们的工作人员花上几天甚至数周的时间悉心打磨。凯瑟琳是《怪兽电力公司》一片的制作人员,影片中有一幕戏可以形象地向我们阐释到底什么是“看不见的完美硬币”。在这幕戏中,好奇的小布第一次来到麦克和萨里的公寓,还在蹒跚学步的小婴儿四处探索起来。两个怪物想要制止她,而她还是一步步走到了两摞高高堆起的CD旁,“别乱动!”麦克大喊起来,可是小女孩还是从90多张CD盒摞成的“高塔”底部抽出一张, CD全部倒塌散落在了地板上。麦克抱怨道:“哎,那些CD都是按字母顺序排列好的!”小女孩摇摇摆摆地走开了。这幕场景前后不到3秒钟,观众们只能够看到几个CD盒而已,但皮克斯的制作人员不仅为每一个CD盒制作了封面,还使用了可计算物体在运动时渲染效果变化的着色器。</p>
<p>“你能看到所有CD盒吗?看不到。”萨拉菲安接着说,“把所有CD盒全部设计一遍,这工作有意思吗?其实挺有意思的。我们还真有几位工作人员觉得观众能在近镜头里把每张CD都看得一清二楚,所以就任劳任怨地把每张CD都雕琢了一番。也许,这其中的乐趣只有当事人才能体会吧。”</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>开心农场</title>
<style>
body{color: #9C2F06;}
h1{font-size: 18px;line-height: 40px;font-weight: bold;}
p{font-size: 12px;line-height: 20px;}
img,p{vertical-align: middle;}
</style>
</head>
<body>
<img src="../img/manor-1.jpg" />
<h1>如何犁地、播种和收获?</h1>
<p>1.点击耙子<img src="../img/manor-2.jpg"/>,即可在庄园中开垦田地;</p>
<p>2.一开始,你可以开垦数十块的田地;扩充庄园后,可开垦的数量更多;</p>
<p>3.在商店<img src="../img/manor-3.jpg" /> 购买种子后,点击庄园中的田地<img src="i../img/manor-4.jpg"/>,即可播种;</p>
<p>4.别忘了收获自己的劳动所得哦,枯萎后就颗粒无收了!</p>
<p>5.使用铲子删除庄园里的田地和植物;</p>
<p>6.到达一定级别,可利用拖拉机、播种机 、收割机 ,方便快捷的劳作。</p>
<h1>如何种果树?</h1>
<p>1.商店中购买果树后,点击庄园空地<img src="../img/manor-5.jpg"/> ,即可种植;</p>
<p>2.果树结满果实时,一定要记得及时收获 哦;</p>
<p>3.幸运的是,果树不会枯萎,收获后的果树,过一段时间后,还会继续结果。</p>
<h1>如何养动物?</h1>
<p>1.点击商店,选择想要饲养的动物后,点击庄园空地,即可饲养动物;</p>
<p>2.动物成熟之后一定要记得收获<img src="../img/manor-6.jpg"/>哦~</p>
<p>3.将动物放入相应的居所后,可以更方便地收获;幸运的话,说不定会有意外的惊喜收获呢!</p>
<p>4.除了商店购买外,还有各种神秘途径可获得动物哦!</p>
<h1>如何装扮自己的庄园?</h1>
<p>1.点击左上角的庄园名称,为自己的庄园起个响当当的名字;</p>
<p>2.在商店 里购买各种喜欢的建筑和装饰,随心所欲进行装饰;</p>
<p>3.向好友们许愿或发布需求<img src="../img/manor-7.jpg"/>,让好友们赠送自己心仪的东西;</p>
</body>
</html>