HTML练习css--制作开心餐厅介绍页面

<html>
<head>
<title>百度一下,就知道</title>
<style type="text/css">
.a{font-size:12px;color:#00DB00;}
.b{font-size:24px;color:#00DB00;}
p{font-size:12px;}
.c{font-size:18px;color:red;}
#d{font-size:12px;color:#2828FF;}
</style>
</head>
<body>
<img src="game01.jpg"/><br/>
<img src="game02.jpg"/><br/>
<p class="a">开心餐厅,让你可以开心的烹饪美味佳肴,从一个简洁的小餐厅起步,逐步打造自己的餐饮大食代。<br/>
烹饪美食,雇佣好友帮忙,装修个性餐厅,获得顾客美誉。<br/>
步步精心经营,细心打理,我们都能成为餐饮大亨哦。</p>
<img src="game03.jpg"/>
<h2 class="b">如何做菜?</h2>
<p>1.点击餐厅中的炉灶,打开菜谱,选择自己要做的食物后,进行烹饪。不断点击炉灶,直到食物进入自动烹饪阶段;</p>
<p>2.每道菜所需要制作的步骤和烹饪的时间不一样,你可以根据自己的时间和偏好来进行选择,还会有各地特色食物供应哦;</p>
<p>3.烹饪完毕的食物要及时端到餐台上,否则过一段时间会腐坏;</p>
<p>4.食物放在餐台上后,服务员会自动端给顾客,顾客吃完后会付钱给你。</p>
<h2 class="c">如何经营餐厅?</h2>
<p>1.自己做老板,当大厨,雇佣好友来做服务员为你打工。心情越好的员工效率越高。员工兼职的份数越少,工作的时间越短心情越好;好友间亲密度越高,可雇用的时间越长;</p>
<p>2.随着等级的升高,可雇佣的员工、可购买的炉灶、餐台、经营面积都会随之增加;</p>
<p>3.餐桌椅的摆放位置也很有讲究,它会影响顾客和服务员行走路程。</p>
<h2 class="c">如何吸引顾客?</h2>
<p>1.美誉度决定了餐厅的客流量,美誉度高的时候来餐厅的顾客多,美誉度低的时候来餐厅的顾客少;</p>
<p>2.如果不需要等待,就能及时享用到食物,顾客就会满意地增加餐厅美誉度;与之相反,如果没有吃到食物就离开的顾客会降低美誉度;</p>
<p>3.总而言之,储备充足的食物、及时的服务、足够的餐桌椅是必不可少的!</p>
<h2 class="c">如何和好友互动?</h2>
<p>1.不忍眼睁睁看好友餐厅的食物腐坏,那就帮忙端到餐台吧!自己还可以获得经验值奖励;</p>
<p>2.仓库里的东西可以赠送给好友,直接拖拽到礼物即可赠送;拖拽到收银即可出售。注意哦,每个级别能收到礼物的总价值是有上限的;</p>
<p>3.系统的额外食物奖励可和好友分享,把分享消息发布到开心网动态上,让朋友们一起感受快乐!每天最多可以从5位好友的餐厅领取免费食物,食物将被放入仓库的冷藏室里,可出售给系统,也可以拖到餐台上卖给顾客;</p>
<p>4.在好友需要帮助的时候,给予帮忙,当然啦,你也可以给好友捣捣乱、使使坏。作为奖励,你也会获得经验值和现金。</p>
<img src="game04.jpg"/>
<p id="d">开心餐厅,让你可以开心的烹饪美味佳肴,从一个简洁的小餐厅起步,逐步打造自己的餐饮大食代。<br/>
烹饪美食,雇佣好友帮忙,装修个性餐厅,获得顾客美誉。<br/>
步步精心经营,细心打理,我们都能成为餐饮大亨哦。</p>
</body>
</html>

  • 3
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML5/CSS 餐厅选择器 第一关 plate plate元素 第二关 bento bento元素 第三关 #fancy id为fancy的元素 第四关 plate apple plate祖先元素下的apple后代元素 第五关 #fancy pickle id为#fancy的祖先元素下的pickle后代元素 第六关 .small 组为small的元素 第七关 orange.small 组为small的orange元素 第八关 bento>orange.small bento父元素下的组为small的orange子元素 第九关 plate,bento,div plate,bento兄弟元素在div元素中 第十关 * *代表所有元素 第十一关 plate>* plate父元素的所有子元素 第十二关 plate + apple 兄弟元素选择器,plate元素的后一个元素 第十三关 bento~pickle 兄弟元素选择器,bento元素后的多个pickle元素 第十四关 plate>apple plate父元素下的apple子元素 第十五关 plate orange:first-child 子元素选择器,plate元素下的第一个orange元素 第十六关 plate :only-child 所有plate元素下的元素 第十七关 #fancy :last-child,pickle:last-child id为fancy的元素的最后一个和pickle元素的最后一个 第十八关 div plate:nth-child(3) div元素中的第三个plate元素 第十九关 div bento :nth-last-child(4) div元素中倒数第四个bento元素 第二十关 apple:first-of-type 第一个apple元素 第二十一关 plate:nth-of-type(even) 所有偶数个的plate元素 第二十二关 plate:only-of-type(6n+3),plate:only-of-type(6n+5) plate元素下的第3个和第5个元素 第二十三关 plate apple.small:only-of-type plate元素下满足apple.small元素的唯一一个元素 第二十四关 orange.small:last-of-type,apple.small:last-of-type 是orange.samll和apple.small元素的最后一个元素 第二十五关 bento:empty bento元素里没有包括额外元素 第二十六关 apple:not(.small) apple里没有组是.small的元素
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值