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>HTML练习css--制作开心餐厅介绍页面相关推荐
- html怎么实现聊天界面设计,纯css制作仿微信聊天页面
纯css制作仿微信聊天页面 *{ margin: 0; padding: 0; } body{ font-size: 14px; } .triangle{ margin: 100px auto ; w ...
- html+css 制作简单QQ登录页面
HTML+css制作简单QQ登录页面 这是效果图 这是HTML源码 <!DOCTYPE html> <html lang="zh"><head> ...
- HTML+CSS制作知乎登录页面
HTML+CSS制作知乎登录页面 由于没有用上js相关的技术,所以无法做出相应的功能,,只能做出知乎登录页面的用密码登录的界面,不能切换到免密码登录.相关界面的图片如下: 网页上的原图: 我做的: ...
- java开心餐厅_菜鸟操作—HTML5制作开心餐厅页面
需求说明 开心餐厅需求说明.jpg 图片素材 game01.jpg game02.jpg game03.jpg game04.jpg 文本素材 开心餐厅,让你可以开心的烹饪美味佳肴,从一个简洁的小餐厅 ...
- HTML开心餐厅网页制作,开心餐厅技巧经验总结
开心餐厅技巧经验总结,对大家还存在的一些疑问给予相应的回答,包括技巧及经验希望对大家有用 1.怎么能让网页流畅? 点击右下角的降低画质,缩小画面 2.怎么才能尽快达到100美誉度? 缩短餐台和桌子的距 ...
- html制作开心餐厅,二次元少女开心餐厅
二次元少女开心餐厅,这是一款超级有趣的餐厅经营模拟游戏.这款二次元少女开心餐厅拥有很多场景以及任务,玩家们在这里能够过得很充实.此外,整个二次元少女开心餐厅游戏进行过程里面还有很多食材可以免费使用,并 ...
- 评价页面html,利用html与css制作5星好评页面
五星评价 @font-face { font-family: 'iconfont'; /* project id 247957 */ src: url('//at.alicdn.com/t/font ...
- 咒术回战，HTMLCSS，简单，介绍页面
一个超级简单的[咒术回战]介绍页面. CSS一个简单的介绍页面 HTML <!DOCTYPE html> <html lang="en"><head& ...
- html5横竖条纹背景,CSS制作Web页面条纹背景样式的介绍
这篇文章主要介绍了关于CSS制作Web页面条纹背景样式的介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 通过CSS中的linear-gradient主要就能显示出不同方向的条纹效果 ...
最新文章
- 理解Python的迭代器(转)
- Linux 常用的压缩与解压缩命令详解
- ACM 模板--邻接表 有向图 搜索算法
- Google仍鸡蛋[DP]
- Linux的NTP配置总结（转）
- 【转】c++ http下载文件
- 老年人计算机应用基础,国开电大老年心理健康作业一参考答案
- .Net Core中Dapper的使用详解
- Qt窗口操作函数（最大化，全屏，隐藏最大化，最小化）
- ❀❀ 名词解释（PM、PD、UE、UI、RD....）
- idea连接docker实现一键部署
- Prescan（一）：无人驾驶仿真软件简介
- RabbitMQ安装及使用教程
- Unable to find a single main class from the following candidates
- 字节、快手、天弘基金等 ：量化/算法工程师岗位【社招|校招|实习生】
- UCI on PUSCH
- wxPython 俄罗斯方块游戏
- td-agent 安装，配置，采集日志到postgresql
- 驾考计算机播报原理,科目三电子路考流程详解 考驾照的都看看！
- 【我的新学期】学习季