<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>北方美食系列</title>
<style>
.bffood{
margin-left: 10px;
margin-right: 10px;
}
a{
text-decoration: none;
color: #00ff00;
}
.tip{
width: 300px;
height: 200px;
margin-left: 50px;
border: 3px solid #fcebdf;
background:#ffe55e
}
@keyframes fade-in {
0% {opacity: 0;}/*初始状态 透明度为0*/
40% {opacity: 0;}/*过渡状态 透明度为0*/
100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
0% {opacity: 0;}
40% {opacity: 0;}
100% {opacity: 1;}
}
.bffood {
animation: fade-in;/*动画名称*/
animation-duration: 1s;/*动画持续时间*/
-webkit-animation:fade-in 1s;/*针对webkit内核*/
}
</style>
</head>
<body>
<div class="bffood">
<div style="height: 10%;text-align: center;">
<h1>北 方 美 食 系 列</h1>
</div>
<div style="height: 20%; display: flex;text-align: center;">
<div style="margin-left: 24%;"></div>
<div class="tip" onclick="changeDiv(0)"><h1 style="padding: 50px;;">北 京 烤 鸭</h1></div>
<div class="tip" onclick="changeDiv(1)"><h1 style="padding: 50px;">煎 饼 果 子</h1></div>
<div class="tip" onclick="changeDiv(2)"><h1 style="padding: 50px;">北 京 卤 煮</h1></div>
<div class="tip" onclick="changeDiv(3)"><h1 style="padding: 50px;">锅 包 肉</h1></div>
</div>
<hr style="height: 3px; background: linear-gradient(#141115,#c9fbff); border: none; margin-top: 20px;">
<div class="dfood" style="display: none;background-color: #ffe37e;border: 3px solid #fff1e6;margin-top: 20px;">
<div>
<img src="../image/beijing-duck.jpg" style="border-radius: 50%;" />
</div>
<div>
<div style="display: flex;">
<img src="../image/beijing-duck.png" width="40px" height="40px" style="padding-top: 25px;" />
<h1>北京烤鸭：</h1>
</div>
<div>
<p>
<h2>
烤鸭是具有世界声誉的北京著名菜式，起源于中国南北朝时期，《食珍录》中已记有炙鸭，
在当时是宫廷食品。用料为优质肉食鸭北京鸭，果木炭火烤制，色泽红润，肉质肥而不腻，外脆里嫩。
北京烤鸭分为两大流派，而北京最著名的烤鸭店也即是两派的代表。
它以色泽红艳，肉质细嫩，味道醇厚，肥而不腻的特色，被誉为“天下美味”。
</h2>
<h2>
相传，烤鸭之美，是源于名贵品种的北京鸭，它是当今世界最优质的一种肉食鸭。据说，
这一特种纯北京鸭的饲养，约起于千年前左右，是因辽金元之历代帝王游猎，偶获此纯白野鸭种，
后为游猎而养，一直延续下来，才得此优良纯种，并培育成今之名贵的肉食鸭种。即用填喂方法育肥的一种白鸭
，故名“填鸭”。不仅如此，北京鸭曾在百年以前传至欧美，
经繁育一鸣惊人。因而，作为优质品种的北京鸭，成为世界名贵鸭种来源已久。
<a href="https://baike.baidu.com/item/%E5%8C%97%E4%BA%AC%E7%83%A4%E9%B8%AD/664769?fr=aladdin">了解更多>></a>
</h2>
</p>
</div>
</div>
</div>
<div class="dfood" style="display: none;background-color: #ffe78e;border: 3px solid #fff1e6;margin-top: 20px;">
<div>
<img src="../image/jianbing.jpg" style="border-radius: 50%;" />
</div>
<div>
<div style="display: flex;">
<img src="../image/jianbing.png" width="40px" height="40px" style="padding-top: 25px;" />
<h1>煎饼果子：</h1>
</div>
<div>
<p>
<h2>
煎饼馃子，是中国天津、山东、河北等地的著名小吃，天津人以它为早点。
煎饼馃子由绿豆面薄饼、鸡蛋、还有馃子（油条）
或者薄脆的“馃篦儿”组成，配以面酱、葱末、腐乳、辣椒酱（可选）作为佐料。
</h2>
<h2>
煎饼果子是大家在日常生活中非常喜欢的一种的小吃。说起煎饼果子大家就会想起山东
或者天津，这两个地方的煎饼果子不仅美味，而且有着久远的历史，不过哪一个地方才是正
宗也是大家都很好奇的事情。关于这个问题，首先，煎饼是产自山东地区的，关于煎饼在山
东还有一个历史故事。说是当初诸葛亮刚开始辅佐刘备的
时候经常被曹军杀的四散而逃，有一次诸葛亮以及将士被围困在沂河、湅河之间，因为做饭的炊
具丢失，诸葛亮便让将士们在铜锣上造出了煎饼。
后来，这种制作煎饼的方法慢慢流传了下来，现如今在山东临沂大部分地区，人们的主食还是煎
饼，虽然煎饼起源于山东，但是煎饼果子起源于天津地区，在天津地区流传着关于这种食物的种种
传说，在明朝的时候，天津地区有很多来自各地的商人，有山东来的商人带来了煎饼，也就促使了
煎饼果子在天津产生。而且，天津地区的煎饼果子已经申请成为了非物质文化遗产，这就相当于确定了天津煎饼果子的正宗地位。
<a href="https://baike.baidu.com/item/%E7%85%8E%E9%A5%BC%E9%A6%83%E5%AD%90/474937?fr=aladdin">了解更多>></a>
</h2>
</p>
</div>
</div>
</div>
<div class="dfood" style="display: none;background-color: #ffe37e;border: 3px solid #fff1e6;margin-top: 20px;">
<div>
<img src="../image/luzhu.jpg" style="border-radius: 50%;" />
</div>
<div>
<div style="display: flex;">
<img src="../image/luzhu.png" width="40px" height="40px" style="padding-top: 25px;" />
<h1>北京卤煮：</h1>
</div>
<div>
<p>
<h2>
卤煮是北京一道著名的地方传统小吃，它是将火烧、炖好的猪肠和猪肺放在一起煮，买一碗主食，
副食和热汤都有了。卤煮起源于北京城南的南横街。据说光绪年间，因为用五花肉煮制的苏造肉价格昂贵，
所以人们就用猪头肉和猪下水代替。
经过民间烹饪高手的传播，久而久之，造就了卤煮火烧。地道的北京人估计没几个不知道卤煮火烧的。
</h2>
<h2>
历史来由：
清宫廷中有一道名为苏造肉的菜肴。爱新觉罗·溥杰先生的夫人浩著的《食在宫廷》中介绍
，乾隆四十五年（1780年），皇帝巡视南方，曾下榻于扬州安澜园陈元龙家中。
陈府家厨张东官烹制的菜肴很受乾隆喜爱，后张东官随乾隆入宫，深知乾隆喜爱厚味之物，就用五花肉加丁香、
官桂、甘草、砂仁、桂皮、蔻仁、肉桂等九味香料烹制出一道肉菜供膳。这九味香料按照春、夏、秋、冬四季的节气不同
，用不同的数量配制。这种配制的香料煮成的肉汤，因张东官是苏州人，就称苏造汤，其肉就称苏造肉。后来传入民间，
加入用面粉烙成的火烧同煮，便成为大众化的风味小吃。出售苏造肉的小贩清晨在东华门外设摊，专为进入升平署的官员做早点。
民国之后，什刹海一带的饭馆和东安市场的景泉居出售苏造肉最有名气。《燕都小食品杂咏》中有苏造肉的咏诗一首：
“苏造肥鲜饱志馋，火烧汤渍肉来嵌。纵然饕餮人称腻，一脔膏油已满衫。”并注说：
“苏造肉者，以长条肥肉，酱汁炖之极烂�
html+css的静态网页(简单版).zip （54个子文件） 
html+css的静态网页(简单版) 
效果图.png 598KB otherHtml 
center.html 424B header.html 1KB hubei.html 8KB scfood.html 8KB jxfood.html 6KB hnfood.html 5KB bffood.html 11KB image 
ddm.jpg 18KB guobaorou.jpg 63KB tofu.jpg 47KB luzhu.jpg 88KB potato.jpg 28KB jianbing.jpg 82KB bf.jpg 258KB beijing-duck.png 13KB jianbing.png 7KB fqfp.png 23KB sdp.png 10KB fqfp.jpg 27KB btg.png 12KB zf.jpg 31KB sbj.jpg 35KB rice-noodle.jpg 40KB src=http___n.sinaimg.cn_sinacn_w1280h720_20180215_33b2-fyrpeie8812367.jpg&refer=http___n.sinaimg.jpg 155KB potato.png 12KB bg1.jpg 106KB sdp.jpg 15KB sbj.png 10KB ddm.png 22KB guobaorou.png 11KB tofu.png 8KB btg.jpg 24KB hot-pot.png 9KB zf.png 5KB meat.png 9KB hot-pot.jpg 41KB hotnoodle.jpg 39KB chicken.jpg 36KB wgt.png 13KB duck.png 5KB lobster.png 8KB noodle.png 6KB wgt.jpg 35KB chicken.png 6KB rice-noodle.png 17KB meat.jpg 29KB lobster.jpg 33KB duck.jpg 47KB beijing-duck.jpg 106KB luzhu.png 6KB css 
header.css 220B center.css 216B index.html 870B资源评论
亲爱的老吉先森
- 粉丝: 120
- 资源: 11
最新资源
- 适用于 Android、Java 和 Kotlin Multiplatform 的现代 I,O 库 .zip
- 高通TWS蓝牙规格书，做HIFI级别的耳机用
- Qt读写Usb设备的数据
- 这个存储库适合初学者从 Scratch 开始学习 JavaScript.zip
- AUTOSAR 4.4.0版本Rte模块标准文档
- 25考研冲刺快速复习经验.pptx
- MATLAB使用教程-初步入门大全
- 该存储库旨在为 Web 上的语言提供新信息 .zip
- 考研冲刺的实用经验与技巧.pptx
- Nvidia GeForce GT 1030-GeForce Studio For Win10&Win11（Win10&Win11 GeForce GT 1030显卡驱动）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
