关~

web期末作业网页设计——我的家乡（网页源码）

作品介绍

1.网页作品简介方面 ：HTML网站模板。主要有：首页家乡简介风景名胜特色美食站长介绍在线调查 等总共 6 个页面html下载。

2.网页作品编辑：此作品为学生个人主页网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、表单、二级三级页面等，视频、音频元素、Flash，基本期末作业所需的知识点全覆盖。

文章目录

一、设计说明

1.LOGO、导航栏、页尾

2.首页

3.家乡简介

4.风景名胜

5.特色美食

6.站长介绍

7.在线调查

二、作品演示

三、代码目录

四、代码演示

一、设计说明

1.LOGO、导航栏、页尾

logo由一张图片组成；导航栏是由列表，超链接组成，划过每个列表块是都会有颜色变化和底部边框的变化；页尾是由段落文字和一个图像构成，图像作为一个标志在右下角。

2.首页

主体部分：首页的主体分为上下两部分，下面在分为左右两部分。上面的部分的div为一个轮播图；下面左部分的div为一个新闻，这个部分由一张图片和一个段落文字链接组成，下右方的div又分为上下两个div，上方为一个简短的家乡介绍段落，下方为一个风景图片滚动介绍。

3.家乡简介

主体部分：左右两个部分。左边为一个简介目录的一个div,该部分的每一个标题对应的是右边简介的内容位置；右边的最上方放置了一个家乡宣传视频，下方是家乡的内容介绍用段落加图片的方式展现，可以从左边的目录直接找到相应位置。

4.风景名胜

主体部分：在一个大的div中设置了一个一列多行的表格，每个表格中都是一个风景的介绍，每个风景介绍都由一个照片、一段文字介绍和一个超链接来链接每个风景点的介绍。

5.特色美食

主体内容：分为上下两个部分，上部分中又分为左中右三个部分，下方为四个相等的div块。上方中左边的div块中为一个美食的轮播图，中间部分为一个整体的美食简介，由一个照片和一个段落文字链接组成，点击文字信息会链接到一个美食的链接；右边为一个美食排行榜的列表。下边的为四个美食的介绍，分别有一个照片和一段文字链接组成，每个链接为一个美食简介。

6.站长介绍

主体内容：分为左右两个部分组成。左边是一个一列两行表格，上边的表格内容设置了一个个性签名，还有一个时钟显示；下边为一个信息栏。右边是一个自我介绍内容，内容用列表来显现，边框设置阴影更有立体感。

7.在线调查

主体内容：一个div块中用表单来设置问题的输入，其中有单选，复选，多行文本输入。

在最下方还有两个按钮，提交和重置。

二、作品演示

首页

家乡简介

名胜风景

特色美食

站长简介

在线调查

三、代码目录

四、代码演示

首页





    
    
    
    index.html
    



    
        
        
    

    
        
        
            首页
            家乡简介
            风景名胜
            美食特色
            站长简介
            在线调查
        
    
    
        
        
            
            
            
            
            
        
    
    
        
            
                
                    
                        
                    
                    宝鸡新闻
                    
                    
                        
                            2022年5月13日,第十一届宝鸡市文化旅游节开幕式暨岐山周文化旅游季启动仪式在周文化景区举办,本届文化旅游节开幕式由宝鸡市人民政府主办,宝鸡市文化和旅游局、中共岐山县委、岐山县人民政府承办,文化+、旅游+,文化强市、旅游...
                        
                    
                    



                
            



            
                
                    
                        宝鸡介绍
                        
                        
                            宝鸡，古称陈仓、雍城，誉称“炎帝故里、青铜器之乡”，陕西省辖地级市，关中平原城市群副中心城市、关天经济区副中心城市。宝鸡地处关中平原西部，下辖4区8县，总面积18117平方公里。截至2021年末，宝鸡全市常住人口为328.2万。
                        
                        
                            宝鸡历史悠久，是中华文化重要支脉宝学（宝鸡之学）所在地，有2700余年建城史，出土了晚清四大国宝及石鼓、何尊等文物，存有西府社火、凤翔木版年画、泥塑等中华工艺。宝鸡是联合国人居环境奖、中国人居环境奖、中华环境奖获得城市，全国文明城市、中国优秀旅游城市、国家森林城市。宝鸡也是我国西部工业重镇、高端装备制造业基地、中国钛谷。宝鸡位于陇海、宝成、宝中铁路交汇处，是我国重要的铁路交通枢纽之一。
                        
                    
                    
                        

                        主要风景
                        
                        
                            
                                
                                
                                
                                
                                
                                
                            
                        
                        
                    
                

            
        

    
    
        
        
        
            古城宝鸡 璀璨文明
        
        
            welcome to baoji||宝鸡欢迎您！

/*样式表文件out.css*/
* {
    /*全局选择器*/
    margin: 0px;/*外边距*/
    padding: 0px;/*内边距*/
}

body {
    /*主体*/
    color: rgb(42, 61, 79);
    font-family: 楷体;/*字体样式*/
    background-color: rgb(235, 225, 225);/*背景颜色*/
}

.header {
    /*头部*/
    width: 100%;/*宽度*/
    height: 150px;/*高度*/
}

#hi1 {
    /*头部图片*/
    width: 100%;/*宽度*/
    height: 150px;/*高度*/
}

.dh ul {
    /*导航栏*/
    width: 1539px;
    padding: 0px;/*内边距*/
    height: 30px;/*高度*/
    margin-bottom: 30px;/*外边距*/
}

.dh ul li {/*导航栏行的设置*/
    height: 30px;
    width: 16.45%;
    list-style: none;/*列表样式*/
    float: left;/*左浮动*/
    display: inline;
    font: 0.9em;
}

.dh ul li a {/*导航栏链接设置*/
    text-align: center;/*文本位置*/
    color: white;
    font-size: larger;/*字体大小*/
    font-family: 楷体;
    width: 100%;
    margin: 0px;
    text-decoration: none;/*列表样式*/
    display: block;
    background-color: rgb(87, 156, 241);
    line-height: 40px;
    border-bottom: 0px solid rgb(168, 164, 172);
}

.dh ul li a:hover {    /*鼠标划过导航栏时*/
    color: rgb(0, 0, 0);
    background-color: rgb(37, 84, 155);
    border-bottom: 3px solid rgb(16, 4, 28);
    
}

.footer {
    /*尾部*/
    margin-top: 10px;
    clear: both;/*清楚浮动*/
    width: 100%;
    height: 70px;
    background-color: rgb(87, 156, 241);
    color: rgb(99, 34, 34);
    font: italic 14px/20px 宋体;/*文字样式*/
    text-align: center;
}

.footer p{
    margin-top: 10px;
}

#fi1 {
    /*尾部图片*/
    width: 100px;
    height: 70px;
    float: right;/*右浮动*/
    padding: 0px;/*内边距*/
}

/*主体部分*/

.donghua {
    /*轮播*/
    border-radius: 5px;/*边框弧度*/
    width: 70%;
    height: 250px;
    overflow: hidden;/*图片隐藏*/
    margin: 10px 200px 0px 200px;
}

#photo {/*轮播图片的总设置*/
    display: block;/*块展示*/
    width: 6000px;
    height: 250px;
    animation: bj 8s linear infinite;/*动画设置*/
    /*动画*/
}

#photo img {
    float: left;
    width: 1200px;
    height: 100%;
    padding: 0px 0px 0px 0px;
}

@keyframes bj {/*轮播图动画*/

    0%,
    20% {
        margin-left: 0px;
    }

    25%,
    40% {
        margin-left: -1200px;
    }

    45%,
    60% {
        margin-left: -2400px;
    }

    65%,
    80% {
        margin-left: -3600px;
    }

    85%,
    100% {
        margin-left: -4800px;
    }
}

.zhuti {/*主体内容*/
    margin: 20px 100px 0px 100px;
}

#zhuti-left {/*主体左边部分*/
    float: left;
    padding: 5px;
    width: 200px;
    background-color: rgb(210, 200, 170);
}

#zhuti-left img {/*左边图片设置*/
    width: 190px;
    height: 150px;
}

#zhuti-left img:hover{
    transform: scale(1.1);
}

#zhuti-left a {/*左边超链接*/
    text-decoration: none;
    color: rgb(61, 87, 109);
}

#zhuti-left a:hover{
    color: rgb(211, 35, 35);
}

#zhuti-left p {/*左边文字设置*/
    letter-spacing: 2px;/*字间距*/
    text-indent: 2em;
    line-height: 1.5em;
}

#zhuti-right {/*右边整体设置*/
    float: left;/*左浮动*/
    width: 800px;
    height: 438px;
    padding: 5px;
    background-color: rgb(210, 200, 170);
    margin-left: 40px;
}

#zhuti-right p {/*右边文字设置*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
}

#zhuti-right img {/*右边图片设置*/
    width: 170px;
    height: 200px;
    border: 2px #cc66 ridge;
}

#zhuti-right ul {/*右边列表设置图片*/
    list-style-type: none;/*列表样式无*/
}

#zhuti-right li {
    float: left;
}

家乡简介


    
        
        
            
            
        
        
            
            
            市名由来：
            
                （1）唐天宝14年（755年），范阳节度使安禄山起兵反叛，鱼阳鼙动地来的时候，玄宗与贵妃正在华清池温泉水洗凝脂。
                叛军破关入陕，直逼长安。玄宗携贵妃杨玉环仓惶出逃，行止马嵬坡驿士兵哗变，玄宗被迫诛杀杨国忠，缢死杨贵妃，玄宗一行逃到陈仓，关中将士纷纷潜散。这时叛军追尾。
                玄宗慌不择路，只带几个亲兵钻入山中。爬过一座山峦，四面岩石陡峭无路可行。此时，山外尘土飞扬，叛军战马嘶鸣，玄宗扑到再地，失声痛哭道：“命休此矣。” 忽然飞来两只山鸡，盘旋之后，款款南飞。
                众人跟着陈仓山顶，歇入庙中。叛军追到。突然，冰雹倾泻不停，砸得叛军溃退而去。说也奇怪，山下雷雨交加，山上却晴空万里。众人再找那两只山鸡，已化为石鸡，昂首屹立。
                临别时，玄宗脱口而出：“陈仓，宝地也；山鸟，神鸡也。”宝鸡便因玄宗御口金言：“宝地神鸡”而得名，此后，陈仓更名为宝鸡，陈仓山始称鸡峰山。
            
            
                （2）秦文公十九年（公元前747年），有个陈仓人猎到一只像羊又像猪的怪兽，准备进献国君。可是却有两个小孩劝他万不可行。
                因为这个怪兽，名叫“獍”，刚一出生，就张口吃母，及长，吸人脑浆，陈仓人一听赶紧用力打头，欲把它杀死。突然，獍开口说话：“你不要杀我，快放了我，去逮这两个小孩。
                他们是龙凤胎，都叫陈宝，得男者称霸，得女者称王。”
                陈仓人闻言，以为灵异，放下獍去逮小孩。可是两个小孩忽然变成两只神鸡，一只飞到了河南南阳，千年之后转生为汉光武帝刘秀，另一只直飞陈仓山顶，化为石鸡，体大如羊，光洁如玉。
                陈仓人放了獍，獍感其德，衔草掩护石鸡。陈仓山从此林密草茂，幸赖石鸡之福，石鸡默默，以俟盛世。在唐至德二年（757年），陈仓山复闻神鸡啼鸣，声传十余里。当是时也，正是安史之乱的紧要关头。
                玄宗避乱四川，太子李亨在灵州提前登基，史称肃宗，挂帅平叛。闻神鸡鸣叫，唐军节节胜利，叛军一蹶不振。肃宗认为神鸡为国之宝，鸡鸣乃是吉祥之兆，随改陈仓为宝鸡，沿用至今。
            
        

        
            
            
                
                宝鸡市市花——海棠花
                
                    海棠花（英文名：Malus spectabilis）是蔷薇科苹果属的植物，是中国的特有植物。生长于海拔50米至2,000米的地区，一般生于平原和山地，目前已由人工引种栽培。为落叶小乔木。
                
            
            
                
                宝鸡市市树——白皮松
                
                    白皮松是一种高大的乔木，能长到30多木，是我国的特优品种。白皮松的树型挺拔茎枝，生命力旺盛且枝繁叶茂，而且寿命很长，在宝鸡市的栽培历史悠久，是很有代表性的树种之一。
                
            
        
        
            
            
            地理环境:
            
                宝鸡地处陕、甘、宁、川四省（区）结合部，处于西安、兰州、银川、成都四个省会城市的中心位置，介于东经106°18′~108°03′，北纬33°35′~35°06′之间。
                陇海铁路、宝成铁路、宝中铁路在此交会，是中国境内亚欧大陆桥上第三个大十字枢纽。
                东连咸阳、杨凌示范区，南接汉中，西北与甘肃省的天水和平凉毗邻。秦岭南屏，渭水中流，关陇西阻北横，渭北沃野平原。东西长156.6千米，南北宽160.6千米，总面积18117平方千米
                [90] ，其中市区面积3625平方千米。
            
            

            地形地貌：
            
                宝鸡地质构造复杂，东、西、南、北、中的地貌差异大，具有南、西、北三面环山，以渭河为中轴向东拓展，呈尖角开口槽形的特点。
                山、川、原兼备，以山地、丘陵为主，呈显“六山一水三分田”格局，巍峨峻峭的秦岭群峰与平畴沃野的渭河平原互为映衬，构成了宝鸡市的地貌主体。
                位于宝鸡市太白县境内的秦岭主峰太白山海拔3767米，是中国大陆东部的最高山峰。
            
            
                宝鸡市位于秦岭纬向构造体系与其他构造体系的复合交接部位，具南北衔接、东西过渡的特点，可分为南部的秦岭褶皱带、中部的渭河断陷带和北部的鄂尔多斯台向斜区3个地质构造单元。
                中生代（末期）的燕山运动奠定了现代秦岭山脉的基础。渭河断陷盆地处于鄂尔多斯台向斜和秦岭褶皱系之间，为第四纪沉积物所覆盖，形成渭河平原及其两侧不对称的黄土台原。渭河由西向东横贯其间。
                渭河北部的岐山是以奥陶纪灰岩为主的低山，而渭河南部则是由古老变质岩和不同时代的花岗岩组成的中高山。
            
            
                宝鸡土壤分布由于地质地貌结构复杂，海拔高度差异悬殊，形成十分复杂且多种多样的成土环境，主要分为秦岭、关山山地和渭北黄土台塬、渭河谷地等不同区域。
            
            水文：
            
                宝鸡市河流网排列以秦岭为界，分属黄河、长江两大水系。黄河水系河流主要是以渭河为干流的渭河水系，其主要支流有通关河、小水河、清姜河、石头河、汤峪河、金陵河、千河、漆水河等。
                渭河横贯宝鸡市境内206.1公里，多年平均径流量为35.51亿立方米。
                长江水系以嘉陵江上游河段为主干，其主要支流有将龙沟、北星沟、安河、石家沟、小峪河、旺峪河等，宝鸡市境内流长72公里，多年平均径流量为56.27亿立方米。
                境内秦岭主脊南侧还分布着汉江水系的支流湑水河、红崖河等。
            
            气候：
            
                宝鸡市位于中国内陆中心腹地，关中平原西部，属于中纬度暖温带的半湿润气候区，为大陆性季风气候类型。
                冬冷夏热，春暖秋凉，四季分明。境内地形复杂，北部山区、中部川塬、南部秦岭，渭河横贯其中，因而气候类型多样，垂直差异明显，气象灾害频繁。
                宝鸡市年平均气温13度，全区在7.5-13.0度之间，4-9月为暖温期，10-3月为冷温期。全年无霜期在158-225天。极端最高气温42.7度（扶风），极端最低气温-25.5度（太白）。
                宝鸡市平均降水量700毫米，全区在610-780毫米之间，4-10月份降水占全年总量的90%，5-9月为多雨期，7-9月为主汛期，7-9月降水量占全年的60%。历史年雨量最多是秦岭，达1137毫米，年雨量最少是扶风，仅325毫米。
            
        
        
            
            
            历史沿革：
            
                宝鸡是周秦王朝发祥地。公元前11世纪，周先祖之一的古公亶父率族人迁徙到岐山下的周原（今宝鸡市岐山县），“古公乃贬戎狄之俗而营筑城郭室屋而邑别居之，作五官有司”（
                《史记·周本纪》），建立了周王朝早期的国家组织。
                这就是西周最早的都城岐邑，距今已3200多年。古公亶父被后世尊为太王。周在古公亶父死后的季历和文王时期，国势发展很快，先后征服了西落鬼戎、始呼、翳徒之戎，邻近的许多部落和方国也归附于周，巩固了周族在渭水中游的统治，为伐纣灭商，建立西周王朝奠定了基础。
            

        
        
            
            自然资源：
            矿产资源：
            
                宝鸡市自元古代至第四纪地层发育齐全，经历多旋回构造变动和岩浆活动以及复杂的变质作用，形成多种内生矿床和沉积矿床，矿产资源丰富。
                境内已发现矿产地202处，发现各类矿种资源45种，有铁、铜、铅、锌、镍、金、银、钨、钼、汞、黄铁等金属矿产，石灰石、电石灰石、大理石、白云石、硅石、耐火粘土、萤石、磷块岩、石英岩等非金属矿产。
                其中列入陕西省矿产资源储量表的矿种26种，矿区96处。已探明矿产储备资源/储量潜在价值在全市前三位的矿种有：水泥用灰岩、磷、煤。宝鸡地区煤矿主要集中在凤县，有草滩沟、罗钵庵、扈家窑等煤矿，陇县娘娘庙、麟游北马坊也有分布。
                全市共有各类采矿企业338户，共设置探矿权88个，勘察登记总面积2600平方公里。
            
            植物资源
            
                宝鸡境内植物类型很多。植物区系以华北区系成分为主，华中、中国喜马拉雅区系成分也占重要地位。
                森林植物主要集中在秦岭和关山，秦岭山地随海拔递升，依次有落叶阔叶林、针阔叶混交林、针叶林和高山灌丛草甸等植被类型。
                植物资源丰富，宝鸡境内有资源植物2100多种，仅秦岭主峰太白山就有种子植物1550多种。特别是宝鸡有极其丰富的经济植物，据统计共有经济植物1000余种，太白山已发现的药用植物就有510多种，有广阔的综合利用前途。
                渭北台原、渭河平原主要为大田农作物、蔬菜、果园和城市绿化等栽培植物类型。全市森林覆盖率53.78%。山区有林地面积64.3万公顷，种植作物包括苹果、核桃、板栗、柿子、梨，桃子等。秦岭、关山的天然森林和在太白县的原始森林中还有野生果树，如猕猴桃，五味子、山荆子、山楂、沙棘果等近百种。
                野生中药材有500多种，其中有党参、当归、黄芪、天麻、杜仲、山萸、贝母等。
            
            动物资源
            
                野生动物资源主要分布在秦岭、关山山地，市境内有国家一级保护珍贵动物10种，即大熊猫、金丝猴、羚牛、秦岭虎、云豹、豹、朱鹮、大鸨、黑鹳、白肩雕；另有国家二级保护动物18种。
            
            
            水资源：
            
                宝鸡市地下水储量估算，可供开采水量约7.56亿立方米。可控制利用水资源量为11亿立方米，宝鸡市有较理想的地表水源基地。
                1999年建成的引嘉济清工程，每年可向宝鸡供水912.5万立方米；2006年又建成冯家山引水二期工程，市区自来水供水能力达到20.9万立方米/日，冯家山引水工程，每年可向宝鸡供水2920万立方米，满足了宝鸡市区的用水需求
            
        
        
            
            行政区划：
            截至2021年1月，宝鸡市辖4个市辖区、8个县，市政府驻地金台区陈仓大道行政中心
            
        
        
            人口民族：
            
            人口：
            截至2019年年末，宝鸡市常住人口376.10万人,城镇人口比重为54.26%。全市人口出生率9.7‰，死亡率6.19‰，人口自然增长率3.51‰
            截至2017年末，宝鸡市常住人口378.10万人，城镇人口比重为52.12%。全市人口出生率9.91%，死亡率6.07%，人口自然增长率3.84%。
            截至2017年末，宝鸡市常住人口377.10万人，城镇人口比重为53.17%。全市人口出生率9.61%，死亡率6.13%，人口自然增长率3.48‰。
            民族
            2016年末，宝鸡市汉族人口占绝大部分，达到了99.9%，全市有回族、满族、蒙古族、羌族等27个少数民族，共2万多人，占372万总人口的0.54%，集中分布在金台区、渭滨区、陈仓区、陇县、凤县、千阳县等7个县区。
            
        
    




    
        
        
        
            古城宝鸡 璀璨文明
        
        
            welcome to baoji|宝鸡欢迎您！

* {
    /*全局选择器*/
    margin: 0px;
    padding: 0px;
}

.header {
    /*头部*/
    width: 100%;
    height: 130px;
}

body {
    background-color: rgb(235, 225, 225);
}

#hi1 {
    /*头部图片*/
    width: 100%;
    height: 150px;
}

.dh {
    height: 30px;
    margin-top: 20px;
}

.dh ul {
    /*导航栏*/
    margin-bottom: 30px;
    width: 1539px;
    padding: 0px;
    height: 30px;
}

.dh ul li {
    /*列表设置*/
    height: 30px;
    width: 16.45%;
    list-style: none;
    /*列表样式*/
    float: left;
    display: inline
        /*行内显示*/
}

.dh ul li a {
    /*列表超链接设置*/
    text-align: center;
    /*文本中部*/
    color: white;
    width: 100%;
    font-size: larger;
    font-family: 楷体;
    text-decoration: none;
    /*列表下划线无*/
    display: block;
    background-color: rgb(87, 156, 241);
    line-height: 40px;
    /*行高*/
    border-bottom: 1px solid rgb(168, 164, 172);
}

.dh ul li a:hover {
    /*鼠标划过时*/
    color: rgb(0, 0, 0);
    background-color: rgb(37, 84, 155);
    border-bottom: 3px solid rgb(16, 4, 28);
}

.footer {
    /*尾部*/
    margin-top: 10px;
    clear: both;
    /*浮动清空*/
    width: 100%;
    height: 70px;
    background-color: rgb(87, 156, 241);
    color: rgb(28, 41, 99);
    font: italic 14px/20px 宋体;
    /*字体设置*/
    text-align: center;
}

.footer p {
    margin-top: 10px;
}

#fi1 {
    /*尾部图片*/
    width: 100px;
    height: 70px;
    float: right;
    /*右浮动*/
    padding: 0px;
    /*内边距*/
}

#shiming {
    /*市名简介*/
    clear: both;
    /*浮动清除*/
    margin-top: 30px;
    background-color: rgb(255, 255, 255);
    padding: 15px;
    border-color: rgb(75, 99, 153);
    border-style: dashed;
    /*虚线 */
    border-radius: 10px;
}

#shiming img {
    /*市名图片*/
    border-radius: 5%;
    /*边框弧度*/
    width: 150px;
    height: 150px;
    float: left;
    /*左浮动*/
    margin: 5px 10px 0px 5px;
}

#shiming img:hover {
    /*图片划过时*/
    transform: scale(1.2);
    /*图片放大*/
}

#shiming p {
    /*市名文本设置*/
    letter-spacing: 2px;
    /*字体间隔*/
    text-indent: 2em;
    /*缩进*/
    line-height: 1.5em;
}

#shihua {
    /*市花1*/
    clear: both;
    /*浮动清除*/
    margin-top: 20px;
    padding: 5px;
    /*内边距*/
    height: 200px;
    background-color: rgb(255, 255, 255);
    border-color: rgb(75, 99, 153);
    border-style: dashed;
    /*虚线*/
    border-radius: 10px;

}

#shihua1 {
    /*市花2*/
    width: 450px;
    height: 200px;
    float: left;
    /*左浮动*/
}

#shishu {
    /*市树*/
    width: 450px;
    height: 200px;
    float: right;
    /*右浮动*/
    padding: 5px;
    /*内边距*/
}

#hua {
    /*花图片*/
    border-radius: 5%;
    /*图片弧度*/
    width: 150px;
    height: 150px;
    float: left;
    /*左浮动*/
    margin: 5px 10px 0px 5px;
}

#hua:hover {
    /*划过图片时*/
    transform: scale(1.2);
    /*图片放大*/

}

#shu {
    /*树图片*/
    border-radius: 5%;
    /*图片弧度*/
    width: 150px;
    height: 150px;
    float: left;
    /*左浮动*/
    margin: 0px 10px 0px 0px;
}

#shu:hover {
    /*鼠标化过时*/
    transform: scale(1.2);
    /*图片放大*/
}

#shihua p {
    /*市花文本设置*/
    letter-spacing: 2px;
    /*字间距*/
    text-indent: 2em;
    /*缩进*/
    line-height: 1.5em;
}

#dili {
    /*地理*/
    clear: both;
    /*清除浮动*/
    background-color: rgb(255, 255, 255);
    padding: 15px;
    margin-top: 20px;
    border-color: rgb(75, 99, 153);
    border-style: dashed;
    border-radius: 10px;

}

#dili img {
    /*地理图片*/
    width: 150px;
    height: 150px;
    float: left;
    /*左浮动*/
    margin: 0px 20px 0px 10px;
    padding: 10px 10px 10px 0px;
    border-radius: 5px;
    border: 1px solid rgb(20, 3, 31);
    /*左浮动*/
}

#dili img:hover {
    /*鼠标划过时*/
    transform: scale(1.2);
    /*图片放大*/
}

#dili p {
    /*地理文本设置*/
    letter-spacing: 2px;
    /*字间间距*/
    text-indent: 2em;
    line-height: 1.5em;
}

#lishi {
    /*历史*/
    clear: both;
    background-color: rgb(255, 255, 255);
    padding: 15px;
    margin-top: 20px;
    border-color: rgb(75, 99, 153);
    border-style: dashed;
    /*边框样式*/
    border-radius: 10px;
    /*边框弧度*/

}

#lishi p {
    /*历史字段*/
    letter-spacing: 2px;
    /*字间距*/
    text-indent: 2em;
    /*缩进*/
    line-height: 1.5em;
}

#lishi img {
    /*历史图片*/
    width: 150px;
    height: 100px;
    float: left;
    margin: 5px 10px 0px 10px;
    border-radius: 5px;
    /*边框弧度*/

}

#lishi img:hover {
    /*历史图片划过时*/
    transform: scale(1.2);
}

#ziyuan {
    /*资源*/
    clear: both;
    background-color: rgb(255, 255, 255);
    padding: 15px;
    margin-top: 20px;
    border-color: rgb(75, 99, 153);
    border-style: dashed;
    /*边框样式*/
    border-radius: 10px;
    /*边框弧度*/

}

#ziyuan p {
    /*资源字段*/
    letter-spacing: 2px;
    /*字间距*/
    text-indent: 2em;
    /*文段缩进*/
    line-height: 1.5em;
}

#ziyuan img {
    /*资源图片*/
    width: 150px;
    height: 100px;
    float: left;
    margin: 5px 10px 0px 10px;
    border-radius: 5px;

}

#ziyuan img:hover {
    /*鼠标划过时资源图片*/
    transform: scale(1.2);
}

#quhua {
    /*行政区划*/
    clear: both;
    background-color: rgb(255, 255, 255);
    padding: 15px;
    margin-top: 20px;
    border-color: rgb(75, 99, 153);
    border-style: dashed;
    border-radius: 10px;

}

#quhua p {
    /*区划段落*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
}

#quhua img {
    /*区划图片*/
    width: 800px;
    height: 400px;
    margin: 5px 10px 0px 10px;
    border-radius: 5px;

}

#quhua img:hover {
    /*鼠标划过时的区划图片*/
    transform: scale(1.2);
}

#renkou {
    /*人口*/
    clear: both;
    background-color: rgb(255, 255, 255);
    padding: 15px;
    margin-top: 20px;
    border-color: rgb(75, 99, 153);
    border-style: dashed;
    border-radius: 10px;

}

#renkou p {
    /*人口段落*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
}

.mulu {
    /*页面目录*/
    float: left;
    /*左浮动*/
    width: 200px;
    margin-top: 30px;
    background-color: rgb(201, 176, 162);
}

#d1 {
    /*目录块大小设置*/
    font-family: 黑体;
    font-size: 100%;
    /*字体大小*/
    color: white;
    float: left;
    background-color: rgb(61, 58, 128);
    width: 70px;
    height: 20px;
    padding: 5px 5px;
    margin: 4px;
}

#d2 {
    /*目录内容块设置*/
    clear: both;
}

.mulu ul li {
    /*列表设置*/
    list-style-type: none;
}

.mulu ul {
    /*目录块*/
    margin: 0px;
    padding: 15px 10px 15px 10px;
}

.mulu ul li a {
    /*目录超链接设置*/
    display: block;
    text-decoration: none;
    /*下划线无*/
    color: rgb(79, 50, 72);
    line-height: 30px;
    /*行高*/
    border-bottom: 1px dashed black;
    /*底部边框*/
    padding: 0px 0px 0px 0px;
}

.mulu ul li a:hover {
    /*鼠标划过时目录时*/
    color: aqua;
}

.mulu span {
    /*目录链接块*/
    float: right;
}

.zhuti {
    /*主体*/
    background-color: rgb(235, 225, 225);
    margin: 0px 200px 0px 300px;
}

#ship {
    /*视频设置*/
    text-align: center;
    margin-top: 50px;
}

名胜风景





    
    
    
    fenjin
    



    
        
        
    
    
        
        
            首页
            家乡简介
            风景名胜
            美食特色
            站长简介
            在线调查
        
    
    
        风景名胜

        
            
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
                
                    
                
            
                        
                            
                            太白山
                            
                                太白山，秦岭山脉最高峰，如鹤立鸡群之势冠列秦岭群峰之首。
                                自古以来，太白山就以高、寒、险、奇、富饶、神秘的特点闻名于世、称雄华夏。
                            
                            
                                
                                    >>>
                                    
                                
                            
                        
                    

                        
                            
                            关山草原
                            
                                关山草原（Guanshan Grassland）位于陕西省宝鸡市陇县西南部，西邻甘肃省天水市张家川回族自治县马鹿乡，
                                距宝鸡市区134公里、西安市300公里，是中国西北内陆地区唯一的以高山草甸为主体的具有欧式风情的省级风景名胜区，国家AAAA级旅游景区...
                            
                            
                                
                                    
                                        >>>
                                    
                                
                            
                        
                    

                        
                            
                            嘉陵江源头
                            
                                嘉陵江源头风景区位于陕西宝鸡市南郊、川陕公路三十三公里处的秦岭之巅。
                                属天台山国家森林公园四大风景区之一，总面积三千六百公顷，著名的嘉陵江发源于景区内海拔二千八百多米的嘉陵谷中。
                                最新开发景点神河峡谷，幽兰深谷，飞龙盘道，潭瀑交错，奇石遍布，植被丰富，鸟鸣幽谷静，清流白石出，人道...
                            
                            
                                
                                    >>>
                                    
                                
                            
                        
                    

                        
                            
                            黄柏塬
                            
                                太白县黄柏塬乡地处秦岭南麓腹地，位于太白山西南脚，太白县东南方，距县城71公里，辖区总面积896平方公里，现已成立黄柏塬原生态风景区
                                ，境内崇山拱持，层峦迭嶂；苍松翠柏，四季常青；碧流穿峡，山秀水清；空气清新，植被丰富，被誉为“天然氧吧”。气候的垂直分带和小气候差异，
                                不仅利于各种生物繁衍生息，还形成了许多奇异的自然景观。由于...
                            
                            
                                
                                    >>>
                                    
                                
                            
                        
                    

                        
                            
                            红河谷
                            
                                红河谷森林公园位于陕西省眉县境内，地处秦岭主峰太白山北麓红河流域，东临太白山国家森林公园，西南接太白山自然保护区。
                                公园设计2341公顷，园内林木茂盛，森林覆盖率达91.7%以上，最高海拔3666.6米。这方集山、谷、石、林、水于一体，“幽、奇、峻、秀”特色独具的风水宝地，
                                以其挡不住的魅力，吸引着八方游人前来旅游...
                            
                            
                                
                                    >>>
                                    
                                
                            
                        
                    

                        
                            
                            通天河国家森林公园
                            
                                通天河国家森林公园位于陕西省宝鸡市西南部，秦岭南麓凤县唐藏镇境内，距宝鸡市90公里，距凤县县城41公里，距宝汉公路31公里。公园面积5235公顷。地势西北高、东南低，最高海拔2738.7米，最低海拔1580米，
                                森林覆盖率达98.6%，拥有广阔的自然森林植被景观...
                            
                            
                                
                                    >>>
                                    
                                
                            
                        
                    

                        
                            
                            鸡峰山
                            
                                鸡峰山景区为陕西省省级重点保护单位。位于天台山主峰景区的东北方，宝鸡市区的东南方，距市区15公里，主峰元始天尊峰海拔2014米。古称“陈仓山”、“宝鸡山”，或称“鸡山”。宝鸡地名即源于此...
                            
                            
                                    >>>
                                    
                                
                            
                        
                    

                        
                            
                            千湖国家湿地公园
                            
                                陕西千湖国家湿地公园位于渭河一级支流千河谷地中游陕西省宝鸡市千阳县境内，总面积573.2公顷，公园规划为湿地保护保育区、科普宣教展示区、湿地观光休闲区、湿地管理服务区四大功能区。
                                是以河流实地特征为主，集河流湿地、库塘湿地、沼泽湿地特征于一体，是我国西北地区典型的黄土高原湿地...
                            
                            
                                
                                    >>>
                                    
                                
                            
                        
                    

                        
                            
                            陕西省龙门洞森林公园
                            
                                陕西省龙门洞森林公园，陕西省重点文物保护单位，省级森林公园。位于陕甘交界的陇县新集川乡境内。宝中铁路从东侧穿过，212省级公路可达景区。距宝鸡市119公里，西安市300公里，平凉市100多公里。
                                是宝鸡市北线旅游的重点景区，是独具特色的融道教名胜、原始森林、喀斯特岩溶景观为一体的综合性森林公园。龙门洞古称灵仙岩，因元代丘处机创建道教全真龙门派而誉满神州，素有“关山第二华山”之美誉。
                            
                            
                                
                                    >>>
                                    
                                
                            
                        
                    

                        
                            
                            青峰峡森林公园
                            
                                青峰峡森林公园，国家AAAA级旅游景区 [1]
                                ，位于宝鸡市东南75公里处的太白县桃川镇，西距太白县城8公里，杨凌100公里、咸阳130公里、西安160公里、汉中170公里，南至秦岭主峰四十里跑马梁，
                                北至褒斜古栈道，东西两侧以五里峡山梁为界。姜眉公路从公园门口经过，将公园与西安、咸阳、汉中、宝鸡等城市连为一体，交通十分便利。
                            
                            
                                    >>>
                                
                        
                    
        
    


    
        
        
        
            古城宝鸡 璀璨文明
        
        
            welcome to baoji|宝鸡欢迎您！

太白山太白山，秦岭山脉最高峰，如鹤立鸡群之势冠列秦岭群峰之首。自古以来，太白山就以高、寒、险、奇、富饶、神秘的特点闻名于世、称雄华夏。 >>>
关山草原关山草原（Guanshan Grassland）位于陕西省宝鸡市陇县西南部，西邻甘肃省天水市张家川回族自治县马鹿乡，距宝鸡市区134公里、西安市300公里，是中国西北内陆地区唯一的以高山草甸为主体的具有欧式风情的省级风景名胜区，国家AAAA级旅游景区... >>>
嘉陵江源头嘉陵江源头风景区位于陕西宝鸡市南郊、川陕公路三十三公里处的秦岭之巅。属天台山国家森林公园四大风景区之一，总面积三千六百公顷，著名的嘉陵江发源于景区内海拔二千八百多米的嘉陵谷中。最新开发景点神河峡谷，幽兰深谷，飞龙盘道，潭瀑交错，奇石遍布，植被丰富，鸟鸣幽谷静，清流白石出，人道... >>>
黄柏塬太白县黄柏塬乡地处秦岭南麓腹地，位于太白山西南脚，太白县东南方，距县城71公里，辖区总面积896平方公里，现已成立黄柏塬原生态风景区，境内崇山拱持，层峦迭嶂；苍松翠柏，四季常青；碧流穿峡，山秀水清；空气清新，植被丰富，被誉为“天然氧吧”。气候的垂直分带和小气候差异，不仅利于各种生物繁衍生息，还形成了许多奇异的自然景观。由于... >>>
红河谷红河谷森林公园位于陕西省眉县境内，地处秦岭主峰太白山北麓红河流域，东临太白山国家森林公园，西南接太白山自然保护区。公园设计2341公顷，园内林木茂盛，森林覆盖率达91.7%以上，最高海拔3666.6米。这方集山、谷、石、林、水于一体，“幽、奇、峻、秀”特色独具的风水宝地，以其挡不住的魅力，吸引着八方游人前来旅游... >>>
通天河国家森林公园通天河国家森林公园位于陕西省宝鸡市西南部，秦岭南麓凤县唐藏镇境内，距宝鸡市90公里，距凤县县城41公里，距宝汉公路31公里。公园面积5235公顷。地势西北高、东南低，最高海拔2738.7米，最低海拔1580米，森林覆盖率达98.6%，拥有广阔的自然森林植被景观... >>>
鸡峰山鸡峰山景区为陕西省省级重点保护单位。位于天台山主峰景区的东北方，宝鸡市区的东南方，距市区15公里，主峰元始天尊峰海拔2014米。古称“陈仓山”、“宝鸡山”，或称“鸡山”。宝鸡地名即源于此... >>>
千湖国家湿地公园陕西千湖国家湿地公园位于渭河一级支流千河谷地中游陕西省宝鸡市千阳县境内，总面积573.2公顷，公园规划为湿地保护保育区、科普宣教展示区、湿地观光休闲区、湿地管理服务区四大功能区。是以河流实地特征为主，集河流湿地、库塘湿地、沼泽湿地特征于一体，是我国西北地区典型的黄土高原湿地... >>>
陕西省龙门洞森林公园陕西省龙门洞森林公园，陕西省重点文物保护单位，省级森林公园。位于陕甘交界的陇县新集川乡境内。宝中铁路从东侧穿过，212省级公路可达景区。距宝鸡市119公里，西安市300公里，平凉市100多公里。是宝鸡市北线旅游的重点景区，是独具特色的融道教名胜、原始森林、喀斯特岩溶景观为一体的综合性森林公园。龙门洞古称灵仙岩，因元代丘处机创建道教全真龙门派而誉满神州，素有“关山第二华山”之美誉。 >>>
青峰峡森林公园青峰峡森林公园，国家AAAA级旅游景区 [1] ，位于宝鸡市东南75公里处的太白县桃川镇，西距太白县城8公里，杨凌100公里、咸阳130公里、西安160公里、汉中170公里，南至秦岭主峰四十里跑马梁，北至褒斜古栈道，东西两侧以五里峡山梁为界。姜眉公路从公园门口经过，将公园与西安、咸阳、汉中、宝鸡等城市连为一体，交通十分便利。 >>>

* {/*全局选择器*/
    margin: 0px;
    padding: 0px;
}

.header {
    /*头部*/
    width: 100%;
    height: 150px;
}
body{/*主体*/
    background-color: rgb(235, 225, 225);
}
#hi1 {
    /*头部图片*/
    width: 100%;
    height: 150px;
}

img{/*图片设置*/
    border-radius: 15px;/*边框弧度*/

}

.dh ul {
    /*导航栏*/
    margin-bottom: 30px;
    width: 1539px;
    padding: 0px;
    height: 30px;
}

.dh ul li {/*导航栏列表*/
    height: 30px;
    width: 16.45%;
    list-style: none;/*列表样式*/
    float: left;/*左浮动*/
    display: inline;/*行内显示*/
    font: 0.9em;/*字体大小*/
}
.dh{/*导航高度*/
    height: 30px;
}
.dh ul li a {/*导航链接设置*/
    text-align: center;/*文字居中*/
    color: white;
    width: 100%;
    font-size: larger;
    font-family: 楷体;
    text-decoration: none;/*下划线无*/
    display: block;/*块显示*/
    background-color: rgb(87, 156, 241);
    line-height: 40px;
    border-bottom: 1px solid rgb(168, 164, 172);/*底部边框*/
}

.dh ul li a:hover {
    /*鼠标划导航栏时过时*/
    color: rgb(0, 0, 0);
    background-color: rgb(37, 84, 155);
    border-bottom: 3px solid rgb(16, 4, 28);
}

.footer {
    /*尾部*/
    margin-top: 10px;
    clear: both;/*清除浮动*/
    width: 100%;
    height: 70px;
    background-color: rgb(87, 156, 241);
    color: rgb(28, 41, 99);
    font: italic 14px/20px 宋体;/*字体设置*/
    text-align: center;
}
.footer p{/*底部段落设置*/
    margin-top: 10px;
}

#fi1 {
    /*尾部图片*/
    width: 100px;
    height: 70px;
    float: right;/*右浮动*/
    padding: 0px;
}
span{
    /*>>>行内设置*/
    float: right;
}
span p{/*>>>行内段落设置*/
    font-size: small;
}
span a{/*链接设置*/
    color: rgb(0, 0, 0);
}
span a:hover{/*鼠标划过时链接变化*/
    color: rgb(77, 248, 10);
}
.zhuti h2{/*主体标题设置*/
    color: red;
    font-family: 楷体;/*字体样式*/
    margin-top: 20px;
}
.zhuti{/*主体设置*/
    text-align: center;/*文本居中*/
margin: 0px 200px 0px 200px;
background-color: rgb(235, 225, 225);
}
#taiba{/*太白介绍*/
    margin-top: 20px;
    height: 200px;
    background-color: rgb(235, 225, 225);
    font-size: x-large;
    padding: 10px;
    font-family: 楷体;
}
#taiba p{
    letter-spacing: 2px;/*字简介*/
    text-indent: 2em;/*缩进*/
    line-height: 1.5em;/*行高设置*/
    font-size: large;

}
#taiba img{/*太白图片*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#taiba img:hover {/*鼠标划过时*/
    transform: scale(1.2);

}

#caoyuan{/*关山草原介绍*/
    margin-top: 20px;
    height: 200px;
    background-color: rgb(235, 225, 225);
    font-size: x-large;
    padding: 10px;
    font-family: 楷体;
}
#caoyuan p{/*关山草原段落*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: large;

}
#caoyuan img{/*关山草原图片*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#caoyuan img:hover {/*鼠标关山草原图片时*/
    transform: scale(1.2);

}

#jialin{/*嘉陵江源头介绍*/
    margin-top: 20px;
    height: 200px;
    background-color: rgb(235, 225, 225);
    font-size: x-large;
    padding: 10px;
    font-family: 楷体;
}
#jialin p{/*嘉陵江源头段落*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: large;

}
#jialin img{/*嘉陵江源头图片*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#jialin img:hover {/*鼠标划过时嘉陵江源头图片*/
    transform: scale(1.2);

}

#baiyuan{/*黄柏塬介绍*/
    margin-top: 20px;
    height: 200px;
    background-color: rgb(235, 225, 225);
    font-size: x-large;
    padding: 10px;
    font-family: 楷体;
}
#baiyuan p{/*黄柏塬段落设置*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: large;

}
#baiyuan img{/*黄柏塬图片*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#baiyuan img:hover {/*鼠标划过时黄柏塬图片*/
    transform: scale(1.2);

}

#honghe{/*红河谷介绍*/
    margin-top: 20px;
    height: 200px;
    background-color: rgb(235, 225, 225);
    font-size: x-large;
    padding: 10px;
    font-family: 楷体;
}
#honghe p{/*红河谷段落设置*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: large;

}
#honghe img{/*红河谷图片*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#honghe img:hover {/*鼠标划过红河谷图片*/
    transform: scale(1.2);

}

#tongtian{/*通天河国家森林公园介绍*/
    margin-top: 20px;
    height: 200px;
    background-color: rgb(235, 225, 225);
    font-size: x-large;
    padding: 10px;
    font-family: 楷体;
}
#tongtian p{/*通天河国家森林公园段落设置*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: large;

}
#tongtian img{/*通天河国家森林公园图片设置*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#tongtian img:hover {/*鼠标划过通天河国家森林公园图片*/
    transform: scale(1.2);

}

#jifen{/*鸡峰山介绍*/
    margin-top: 20px;
    height: 200px;
    background-color: rgb(235, 225, 225);
    font-size: x-large;/*字体大小*/
    padding: 10px;
    font-family: 楷体;
}
#jifen p{/*鸡峰山段落设置*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: large;

}
#jifen img{/*鸡峰山图片设置*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#jifen img:hover {/*鼠标划过鸡峰山图片设置*/
    transform: scale(1.2);

}

#qianhu{/*千湖国家湿地公园介绍*/
    margin-top: 20px;
    height: 200px;
    background-color: rgb(235, 225, 225);
    font-size: x-large;
    padding: 10px;
    font-family: 楷体;
}
#qianhu p{/*千湖国家湿地公园段落设置*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: large;

}
#qianhu img{/*千湖国家湿地公园图片设置*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#qianhu img:hover {/*鼠标划过千湖国家湿地公园图片设置*/
    transform: scale(1.2);

}

#longmen{/*陕西省龙门洞森林公园介绍*/
    margin-top: 20px;
    height: 200px;
    background-color: rgb(235, 225, 225);
    font-size: x-large;
    padding: 10px;
    font-family: 楷体;
}
#longmen p{/*陕西省龙门洞森林公园段落设置*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: large;

}
#longmen img{/*陕西省龙门洞森林公园图片设置*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#longmen img:hover {/*鼠标划过陕西省龙门洞森林公园图片设置*/
    transform: scale(1.2);

}

#qinfen{/*青峰峡森林公园介绍*/
    margin-top: 20px;
    height: 200px;
    background-color:w;
    font-size: x-large;
    padding: 10px;
    font-family: 楷体;
}
#qinfen p{/*青峰峡森林公园段落设置*/
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: large;

}
#qinfen img{/*青峰峡森林公园图片设置*/
    height: 200px;
    width: 300px;
    float: left;
    margin: 0px 10px 0px 0px;
}
#qinfen img:hover {/*鼠标划过青峰峡森林公园图片设置*/
    transform: scale(1.2);

}
.zhuti a{/*主体超链接设置*/
    text-decoration: none;
}

美食特色





    
    
    
    meishi
    



    
        
        
    

    
        
        
            首页
            家乡简介
            风景名胜
            美食特色
            站长简介
            在线调查
        
    

    
        
        
            
                
                
                
                
                
            
        
        
            
            
                舌尖上的美食
            
            
                
                    说到宝鸡特色美食，著名的臊子面、擀面皮、马蹄酥、醋粉、血条面等出于宝鸡地区的九县和陈仓区，作为以工业移民和逃荒人群为主的宝鸡金台、渭滨两区，
                    代表美食往往是其他地区美食的改良品，如蜂蜜凉粽、茶酥、豆腐包子、老苗炸鸡、圆门洞炒货、松枝......
                
            
        
        
            
                
                    美食排行榜
                
                
                    
                    岐山肉臊子夹馍[1]
                    岐山臊子面[2]
                    岐山擀面皮[3]
                    豆花泡馍[4]
                    豆腐包子[5]
                    陇县马蹄酥[6]
                    凤翔腊驴肉[7]
                    扶风鹿糕馍[8]
                    西府扯面[9]
                    岐山锅盔[10]
            
        
        
            
                
                岐山臊子面
                
                    臊（sào）子面是中国陕西省的特色传统面食之一、是著名西府小吃，以宝鸡的岐山臊子面最为正宗。在陕西关中平原及甘肃...
                    
                
            
            
                
                豆花泡馍
                
                    豆花泡馍是流传于陕西省西府地区（即今天陕西省宝鸡市凤翔区）地方传统风味的名小吃，其馍采用独特工艺加调味料烙成，厚过...
                    
                
            
            
                
                搅团
                
                    臊（sào）子面是中国陕西省的特色传统面食之一、是著名西府小吃，以宝鸡的岐山臊子面最为正宗。在陕西关中平原及...
                    
                
            
            
                
                岐山擀面皮
                
                    擀面皮是陕西关中地区特有的传统名小吃，尤以西府宝鸡地区为最佳，宝鸡岐山擀面皮2011年被认定为中华名小吃。擀面...
                    
                
            

        
    

    
        
        
        
            古城宝鸡 璀璨文明
        
        
            welcome to baoji|宝鸡欢迎您！

* {
    /*全局选择器*/
    margin: 0px;
    padding: 0px;
}

body {
    /*主体*/
    color: aliceblue;
    /*颜色*/
    font-family: 楷体;
    /*字体样式*/
    background-color: rgb(235, 225, 225);
}

.header {
    /*头部*/
    width: 100%;
    height: 150px;
}

#hi1 {
    /*头部图片*/
    width: 100%;
    height: 150px;
}

.dh ul {
    /*导航栏*/
    margin-bottom: 30px;
    padding: 0px;
    height: 30px;
    width: 1539px;
}

.dh ul li {
    /*导航栏列表*/
    height: 30px;
    width: 16.45%;
    list-style: none;
    /*列表样式无*/
    float: left;
    /*左浮动*/
    display: inline;
    /*行内显示*/
    font: 0.9em;
}

.dh ul li a {
    /*导航栏超链接*/
    text-align: center;
    color: white;
    width: 100%;
    font-size: larger;
    text-decoration: none;
    /*下划线无*/
    display: block;
    background-color: rgb(87, 156, 241);
    line-height: 40px;
    border-bottom: 1px solid rgb(168, 164, 172);
}

.dh ul li a:hover {
    /*鼠标划过时*/
    color: rgb(0, 0, 0);
    background-color: rgb(37, 84, 155);
    border-bottom: 3px solid rgb(16, 4, 28);
}

.footer {
    /*尾部*/
    clear: both;
    width: 100%;
    height: 70px;
    background-color: rgb(87, 156, 241);
    color: rgb(28, 41, 99);
    font: italic 14px/20px 宋体;
    text-align: center;
}

.footer p {
    /*尾部段落*/
    margin-top: 10px;
}

#fi1 {
    /*尾部图片*/
    width: 100px;
    height: 70px;
    float: right;
    padding: 0px;
}

.zhuti {
    /*主体*/
    margin: 10px 150px 0px 150px;
    background-color: burlywood;
}

#zhutiright {
    /*美食排行耪标题主体右边*/
    width: 25%;
    height: 400px;
    background-color: aqua;
    float: left;
}

#d1 {
    /*美食排行耪标题主体右边*/
    font-family: 黑体;
    font-size: 100%;
    color: white;
    float: left;
    background-color: rgb(134, 16, 16);
    width: 100px;
    height: 20px;
    padding: 5px 5px;
    margin: 4px;
}

#d2 {
    /*美食排行耪内容设置*/
    clear: both;
}

#zhutiright ul li {
    /*列表设置*/
    list-style-type: none;
    /*列表样式无*/
}

#zhutiright ul {
    /*列表设置*/
    margin: 0px;
    padding: 15px 10px 15px 10px;
}

#zhutiright ul li a {
    /*列表超链接设置*/
    display: block;
    text-decoration: none;
    color: black;
    line-height: 30px;
    border-bottom: 1px dashed black;
    padding: 0px 0px 0px 0px;
}

#zhutiright span {
    /*排列大小*/
    float: right;
}

#zhutileft {
    /*主体左边设置*/
    width: 50%;
    height: 400px;
    background-color: aquamarine;
    float: left;
    overflow: hidden;
    /*隐藏*/
    border-radius: 5px;
    /*弧度*/

}

#photo {
    /*动画设置图片*/
    display: block;
    width: 3045px;
    height: 400px;
    animation: bj 8s linear infinite;
    /*动画*/
}

#photo img {
    /*图片设置*/
    float: left;
    width: 609px;
    height: 100%;
    padding: 0px 0px 0px 0px;
}

/*轮播图动画*/
@keyframes bj {

    0%,
    20% {
        margin-left: 0px;
    }

    25%,
    40% {
        margin-left: -609px;
    }

    45%,
    60% {
        margin-left: -1218px;
    }

    65%,
    80% {
        margin-left: -1827px;
    }

    85%,
    100% {
        margin-left: -2436px;
    }
}

#zhutimain {
    /*中间内容设置*/
    width: 25%;
    height: 400px;
    background-color: rgb(201, 199, 206);
    float: left;
    text-align: center;
}

#zhutimain img {
    /*中部图片设置*/
    border-radius: 5px;
    width: 250px;
    height: 160px;
    margin: 8px 0px 0px 0px;
}

#zhutimain img:hover {
    /*划过中间图片设置*/
    transform: scale(1.2);
}

#zhutimain h4 {
    /*中间内容标题设置*/
    color: brown;
}

#zhutimain a {
    /*中间内容超链接设置*/
    text-decoration: none;
    /*下划线无*/
    color: rgb(16, 159, 21);
}

#zhutimain a:hover {
    /*划过中间主体超链接设置*/
    color: rgb(120, 8, 109);
}

#zhutimain p {
    /*中间主体段落设置*/
    margin: 3px 5px 0px 5px;
    letter-spacing: 2px;
    /*字间距设置*/
    text-indent: 2em;
    line-height: 1.5em;
}

#bottom {
    /*底部四个美食div设置*/
    width: 100%;
    height: 300px;
    background-color: blueviolet;
    clear: both;
}

#meishi1 {
    /*美食1设置*/
    float: left;
    width: 24%;
    height: 300px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    border-style: solid;
}

#meishi1 img {
    /*美食1图片设置*/
    border-radius: 5px;
    width: 250px;
    height: 160px;
    margin: 8px 0px 0px 0px;
}

#meishi1 img:hover {
    /*划过美食1图片设置*/
    transform: scale(1.2);
}

#meishi1 h4 {
    /*美食1标题设置*/
    color: brown;
}

#meishi1 a {
    /*美食1超链接设置*/
    text-decoration: none;
    color: rgb(16, 159, 21);
}

#meishi1 a:hover {
    /*划过美食1超链接设置*/
    color: rgb(120, 8, 109);
}

#meishi1 p {
    /*美食1段落设置*/
    margin: 3px 5px 0px 5px;
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
}

#meishi2 {
    /*美食2设置*/
    float: left;
    width: 25%;
    height: 300px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    border-style: solid;
    border-left: none;
}

#meishi2 img {
    border-radius: 5px;
    width: 250px;
    height: 160px;
    margin: 8px 0px 0px 0px;
}

#meishi2 img:hover {
    transform: scale(1.2);
}

#meishi2 h4 {
    color: brown;
}

#meishi2 a {
    text-decoration: none;
    color: rgb(16, 159, 21);
}

#meishi2 a:hover {
    color: rgb(120, 8, 109);
}

#meishi2 p {
    margin: 3px 5px 0px 5px;
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
}

#meishi3 {
    /*美食3设置*/
    float: left;
    width: 25%;
    height: 300px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    border-style: solid;
    border-left: none;
}

#meishi3 img {
    border-radius: 5px;
    width: 250px;
    height: 160px;
    margin: 8px 0px 0px 0px;
}

#meishi3 img:hover {
    transform: scale(1.2);
}

#meishi3 h4 {
    color: brown;
}

#meishi3 a {
    text-decoration: none;
    color: rgb(16, 159, 21);
}

#meishi3 a:hover {
    color: rgb(120, 8, 109);
}

#meishi3 p {
    margin: 3px 5px 0px 5px;
    letter-spacing: 2px;
    text-indent: 2em;
    line-height: 1.5em;
}

#meishi4 {
    /*美食4设置*/
    float: left;
    width: 25%;
    height: 300px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    border-style: solid;
    border-left: none;
}

#meishi4 img {
    border-radius: 5px;
    width: 250px;
    height: 160px;
    margin: 8px 0px 0px 0px;
}

#meishi4 img:hover {
    transform: scale(1.2);
}

#meishi4 h4 {
    color: brown;
}

#meishi4 a {
    text-decoration: none;
    color: rgb(16, 159, 21);
}

#meishi4 a:hover {
    color: rgb(120, 8, 109);
}

#meishi4 p {
    margin: 3px 5px 0px 5px;
    letter-spacing: 2px;
    /*字间距设置*/
    text-indent: 2em;
    line-height: 1.5em;
}

站长简介





    
    
    
    zhanzhang
    
    
    
    
    



    
        
        
    

    
        
        
            首页
            家乡简介
            风景名胜
            美食特色
            站长简介
            在线调查
        
    
    
    
        
            
            
                
                    
                        
                            
                                 年轻是我们唯一有权利
 去编织梦想的时光

               ---李嘉诚
                            
                        
                        
                             24
                            二0二二年五月
                            20:57
                            
                        
                    
                
                
                    
                        
                            

                            

                            


                            学院：
                            专业：
                            班级：
                            学号：
                            联系方式：
邮箱：
                        
                    
                
            
        
        
            
                站长简介
            
            
                
                    姓名：     
                    性别：
                    家乡：宝鸡
                    爱好：乒乓球、追剧、看书、散步、看电影
                        
                            推荐的书：
                                
                                    《堂吉诃德》
                                    《百年孤独》
                                    《平凡的世界》
                                
                            
                            推荐的综艺：
                                
                                    令人心动的offer
                                    王牌对王牌
                                    极限挑战
                                
                            
                        
                    
                    其他：......
                
            
        

    





    
        
        
        
            古城宝鸡 璀璨文明
        
        
            welcome to baoji|宝鸡欢迎您！

年轻是我们唯一有权利去编织梦想的时光 ---李嘉诚 24 二0二二年五月 20:57
学院：专业：班级：学号：联系方式：邮箱：

* {
    /*全局选择器*/
    margin: 0px;
    padding: 0px;
}

body {
    /*主体*/
    color: rgb(0, 0, 0);
    font-family: 楷体;
    background-color: rgb(218, 202, 202);
}

.header {
    /*头部*/
    width: 100%;
    height: 150px;
}

#hi1 {
    /*头部图片*/
    width: 100%;
    height: 150px;
}

.dh ul {
    /*导航栏*/
    margin-bottom: 30px;
    padding: 0px;
    width: 1539px;
    height: 30px;
}

.dh ul li {
    /*导航栏链接*/
    height: 30px;
    width: 16.45%;
    list-style: none;
    float: left;
    display: inline;
    font: 0.9em;
}

.dh ul li a {
    /*导航栏超链接*/
    text-align: center;
    color: white;
    width: 100%;
    font-size: larger;
    text-decoration: none;
    display: block;
    background-color: rgb(87, 156, 241);
    line-height: 40px;
    border-bottom: 1px solid rgb(168, 164, 172);
}

.dh ul li a:hover {
    /*鼠标划过时*/
    color: rgb(0, 0, 0);
    background-color: rgb(37, 84, 155);
    border-bottom: 3px solid rgb(16, 4, 28);
}

.footer {
    /*尾部*/
    margin-top: 10px;
    clear: both;
    width: 100%;
    height: 70px;
    background-color: rgb(87, 156, 241);
    color: rgb(28, 41, 99);
    font: italic 14px/20px 宋体;
    text-align: center;
}

.footer p {
    /*尾部段落*/
    margin-top: 10px;
}

#fi1 {
    /*尾部图片*/
    width: 100px;
    height: 70px;
    float: right;
    padding: 0px;
}

#zhuti {
    /*主体*/
    margin: 10px 300px 0px 300px;
    background-color: blueviolet;

}

#left {
    /*左边div设置*/
    width: 28.5%;
    padding: 5px;
    height: 600px;
    float: left;
    background-color: rgb(218, 202, 202);

}

#geqian h2 {
    /*个签*/
    margin: 30px 0px 0px 0px;
    padding: 10px;
    height: 100px;
}

#right {
    /*右边*/
    width: 60%;
    height: 565px;
    background-color: rgb(218, 202, 202);
    float: left;
    border: 0px double rgb(64, 151, 120);
    margin: 20px 0px 50px 50px;
    /*外边距*/
    box-shadow: 20px 20px 25px 10px #242443;
    /*阴影*/
    border-radius: 100px;
    /*弧度设置*/
}

#shijian {
    /*时间*/
    text-align: center;/*文本居中*/
    margin: 90px 0px 0px 0px;
    height: 150px;
}

#ri {
    /*日*/
    font-size: 45px;
    margin: 0px 0px 5px 0px;
}

#nianyue {
    /*年月*/
    font-size: 20px;
}

#tt {
    /*几点*/
    margin-top: 5px;
}

table {
    /*表格*/
    border-color: rgb(64, 151, 120);
}

#xinxi {
    /*信息*/
    height: 200px;
}

#zhan1 {
    /*右边标题*/
    margin: 30px 0px 30px 0px;
    text-align: center;
}

#zhan2 {
    /*右边内容设置*/
    font-size: large;
    width: 60%;
    margin: 40px 10px 0px 70px;
}

#zhan2 ul li {
    /*右边列表设置*/
    height: 30px;
    font: 0.9em;
}

#tuijian {
    /*推荐设置*/
    margin: 10px 0px 0px 30px;
}

#shu {
    /*书设置*/
    margin-left: 30px;
}

#zong {
    /*综艺设置*/
    margin-top: 80px;
}

#zongyi {
    /*综艺设置*/
    margin: 10px 0px 0px 30px;
}

#qita {
    /*其他*/
    margin-top: 250px;
}

在线调查





    
    
    
    diaocha
    



    
        
        
    

    
        
        
            首页
            家乡简介
            风景名胜
            美食特色
            站长简介
            在线调查
        
    

    
        
            
                
                在线调查
                1.您的家乡：


                2.你了解你的家乡吗？
了解

                很了解

                不了解

                比较好

                比较差

                不太清楚


                3.您心目中的家乡是什么样子的？（可多选）
经济水平明显提高，人们的钱袋子鼓起来

                出行变得更加方便，道路通畅，交通便利

                 生活水平改善，文化娱乐生活丰富

                 美食丰富，传统小吃和特色美食回归，人们也讲究科学饮食

                社会福利丰富，社会保障完善，风气优良

                回归传统，保留一份传统的田园生活气息

                 其他补充


                4.您认为您的家乡有什么传统：



                5.您认为您的家乡有什么美食特色：



                6.您认为您的家乡有什么名胜风景：



                7.您觉得您的家乡的社会风气如何？
很好


                8.请填写您的宝贵意见:

                

            
            
                
                
                
            
        
    

    
        
        
        
            古城宝鸡 璀璨文明
        
        
            welcome to baoji|宝鸡欢迎您！

* {
    /*全局选择器*/
    margin: 0px;
    padding: 0px;
}

body {
    /*主体*/
    color: rgb(0, 0, 0);
    font-family: 楷体;
    background-color: rgb(218, 202, 202);
}

.header {
    /*头部*/
    width: 100%;
    height: 150px;
}

#hi1 {
    /*头部图片*/
    width: 100%;
    height: 150px;
}

.dh ul {
    /*导航栏*/
    margin-bottom: 30px;
    padding: 0px;
    width: 1539px;
    height: 30px;
}

.dh ul li {
    /*导航栏列表*/
    height: 30px;
    width: 16.45%;
    list-style: none;
    /*列表样式无*/
    float: left;
    /*左浮动*/
    display: inline;
    /*行内显示*/
    font: 0.9em;
}

.dh ul li a {
    /*导航栏超链接*/
    text-align: center;
    /*文本居中*/
    color: white;
    width: 100%;
    font-size: larger;
    text-decoration: none;
    display: block;
    background-color: rgb(87, 156, 241);
    line-height: 40px;
    border-bottom: 1px solid rgb(168, 164, 172);
}

.dh ul li a:hover {
    /*鼠标划过时*/
    color: rgb(0, 0, 0);
    background-color: rgb(37, 84, 155);
    border-bottom: 3px solid rgb(16, 4, 28);
}

.footer {
    /*尾部*/
    margin-top: 10px;
    clear: both;
    /*清除浮动*/
    width: 100%;
    height: 70px;
    background-color: rgb(87, 156, 241);
    color: rgb(28, 41, 99);
    font: italic 14px/20px 宋体;
    /*字体设置*/
    text-align: center;
}

.footer p {
    /*尾部段落*/
    margin-top: 10px;
}

#fi1 {
    /*尾部图片*/
    width: 100px;
    height: 70px;
    float: right;
    padding: 0px;
}

#main {
    /*主体内容设置*/
    font-size: large;
    color: rgb(6, 2, 69);
    margin: 30px 300px 30px 300px;
}

#tijiao {
    /*提交按钮*/
    margin-top: 20px;
    text-align: center;
}

#tijiao input {
    width: 100px;
    height: 35px;
    background-color: rgb(99, 150, 134);
}

fieldset {
    /*定义域设置*/
    padding: 20px;
}

你可能感兴趣的:(前端,web,css,javascript)

理解Gunicorn：Python WSGI服务器的基石范范0825 ipython linux 运维
理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
Long类型前后端数据不一致 igotyback 前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
Google earth studio 简介陟彼高冈yu 旅游
GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
PHP环境搭建详细教程好看资源平台前端 php
PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
【加密社】Solidity 中的事件机制及其应用加密社闲侃区块链智能合约区块链
加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
git - Webhook让部署自动化大猪大猪
我们现在有一个需求，将项目打包上传到gitlab或者github后，程序能自动部署，不用手动地去服务器中进行项目更新并运行，如何做到？这里我们可以使用gitlab与github的挂钩，挂钩的原理就是，每当我们有请求到gitlab与github服务器时，这时他俩会根据我们配置的挂钩地扯进行访问，webhook挂钩程序会一直监听着某个端口请求，一但收到他们发过来的请求，这时就知道用户有请求提交了，这时
webpack图片等资源的处理 dmengmeng
需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验张风捷特烈 ide rust 开发语言后端
theme:cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode可以看作一个运行在服务端的远程VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在MarsCode里，我的体验rust开发体验。一、MarsCode是什么它的本质是:提供代码助手和云端IDE服务的web网站，可通过下面的链接访问https://www
Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python 开发语言
一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
Java爬虫框架（一）--架构设计狼图腾-狼之传说 java 框架 java 任务 html解析器存储电子商务
一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
Java：爬虫框架 dingcho Java java 爬虫
一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
MongoDB知识概括 GeorgeLin98 持久层 mongodb
MongoDB知识概括MongoDB相关概念单机部署基本常用命令索引-IndexSpirngDataMongoDB集成副本集分片集群安全认证MongoDB相关概念业务应用场景：传统的关系型数据库（如MySQL），在数据操作的“三高”需求以及应对Web2.0的网站需求面前，显得力不从心。解释：“三高”需求：①Highperformance-对数据库高并发读写的需求。②HugeStorage-对海量数
springboot+vue项目实战一-创建SpringBoot简单项目苹果酱0567 面试题汇总与解析 spring boot 后端 java 中间件开发语言
这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）跳房子的前端前端面试 javascript 开发语言 ecmascript
在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
Python实现下载当前年份的谷歌影像 sand&wich python 开发语言
在GIS项目和地图应用中，获取最新的地理影像数据是非常重要的。本文将介绍如何使用Python代码从Google地图自动下载当前年份的影像数据，并将其保存为高分辨率的TIFF格式文件。这个过程涉及地理坐标转换、多线程下载和图像处理。关键功能该脚本的核心功能包括：坐标转换：支持WGS-84与WebMercator投影之间转换，以及处理中国GCJ-02偏移。自动化下载：多线程下载地图瓦片，提高效率。图像
Spring MVC 全面指南：从入门到精通的详细解析一杯梅子酱技术栈学习 spring mvc java
引言：SpringMVC，作为Spring框架的一个重要模块，为构建Web应用提供了强大的功能和灵活性。无论是初学者还是有一定经验的开发者，掌握SpringMVC都将显著提升你的Web开发技能。本文旨在为初学者提供一个全面且易于理解的学习路径，通过详细的知识点分析和实际案例，帮助你快速上手SpringMVC，让学习过程既深刻又高效。一、SpringMVC简介1.1什么是SpringMVC？Spri
Spring Boot中实现跨域请求 BABA8891 spring boot 后端 java
在SpringBoot中实现跨域请求（CORS，Cross-OriginResourceSharing）可以通过多种方式，以下是几种常见的方法：1.使用@CrossOrigin注解在SpringBoot中，你可以在控制器或者具体的请求处理方法上使用@CrossOrigin注解来允许跨域请求。在控制器上应用：importorg.springframework.web.bind.annotation.
WebMagic：强大的Java爬虫框架解析与实战 Aaron_945 Java java 爬虫开发语言
文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
00. 这里整理了最全的爬虫框架（Java + Python）有一只柴犬爬虫系列爬虫 java python
目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
JavaScript `Map` 和 `WeakMap`详细解释跳房子的前端 JavaScript 原生方法 javascript 前端开发语言
在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
最简单将静态网页挂载到服务器上(不用nginx) 全能全知者服务器 nginx 运维前端 html 笔记
最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
补充元象二面 Redstone Monstrosity 前端面试
1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
微信小程序开发注意事项 jun778895 微信小程序小程序
微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
切换淘宝最新npm镜像源是 hai40587 npm 前端 node.js
切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
字节二面 Redstone Monstrosity 前端面试
1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmware mac os 10.10 workstation player
最近尝试了下VMware下安装MacOS 系统，安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章，只能提供大概的思路，但是实际安装起来由于版本问题，走了不少弯路，所以我尝试写以下总结，希望能给有兴趣安装OSX的人提供一点帮助。写在前面的话：其实安装好后发现，由于我的th
关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScript java 框架
本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]）一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下平台
如何把maven项目转成web项目 Kai_Ge maven MyEclipse
创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
主管？？？ Array_06 工作
转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
python内置函数大全 2002wmj python
最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
JSP页面通过JQUERY合并行 357029540 JavaScript jquery
在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){ var trs = $("#table tr"); &nb
Java基础冰天百华 java基础
学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
unix时间戳相互转换 adminjun 转换 unix 时间戳
如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
作为一个合格程序员该做的事 aijuans 程序员
作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法出错不要紧，最重
由html5视频播放引发的总结 ayaoxinchao html5 视频 video
前言项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。视频结构本该直接介绍html5的<video>的，但鉴于本人对视频
解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误 javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
Jedis连接池的入门级使用 bijian1013 redis redis数据库 jedis
Jedis连接池操作步骤如下： a.获取Jedis实例需要从JedisPool中获取； b.用完Jedis实例需要返还给JedisPool； c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
变与不变 bingyingao 不变变亲情永恒
变与不变周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，各种店铺都换了好几茬，这些是变的。三年前还很流行的一款手机在今天看起来已经落后的不像样子。三年前还运行的好好的一家公司，今天也已经不复存在。一座座高楼拔地而起，
【Scala十】Scala核心四：集合框架之List bit1129 scala
Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解 1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量 2. 给变量赋值(注意val关键字，a，b
Nested Functions in C bookjovi c closure
Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
After Effects操作&快捷键 cherishLC After Effects
1、快捷键官方文档中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
Maven 常用命令 crabdave maven
Maven 常用命令 mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site mvn dependency:res
shell bad substitution daizj shell 脚本
#!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
Java SE 第二讲： 1. Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2. Java 中的数据类型分为两大类： 1）原生数据类型（Primitive Data Type） 2）引用类型（对象类型）（R
CGridView中实现批量删除 dcj3sjt126com PHP yii
1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
Java中泛型的各种使用 dyy_gusi java 泛型
Java中的泛型的使用：1.普通的泛型使用在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
Web开发技术十年发展历程 gcq511120594 Web 浏览器数据挖掘
回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
openSession()与getCurrentSession()区别： hetongfei java DAO Hibernate
来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。这里getCurrentSession本地事务(本地
第一章安装Nginx+Lua开发环境 jinnianshilongnian nginx lua openresty
首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
HSQLDB In-Process方式访问内存数据库 liyonghui160com
HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。先睹为快！下面是一个In-Process方式访问内存数据库的代码示例：下面代码需要引入hsqldb.jar包（hsqldb-2.2.8） import java.s
Java线程的5个使用技巧 pda158 java 数据结构
Java线程有哪些不太为人所知的技巧与用法？　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。程序包管理器管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
避免使用终结函数 vahoa.ma java jvm C++
终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方

web期末作业网页设计——我的家乡（网页源码）

作品介绍

文章目录

一、设计说明

1.LOGO、导航栏、页尾

2.首页

3.家乡简介

4.风景名胜

5.特色美食

6.站长介绍

7.在线调查

二、作品演示

三、代码目录

四、代码演示

宝鸡新闻

宝鸡介绍

主要风景

市名由来：

宝鸡市市花——海棠花

宝鸡市市树——白皮松

地理环境:

地形地貌：

水文：

气候：

历史沿革：

自然资源：

矿产资源：

植物资源

动物资源

水资源：

行政区划：

人口民族：

人口：

民族

风景名胜

太白山

关山草原

嘉陵江源头

黄柏塬

红河谷

通天河国家森林公园

鸡峰山

千湖国家湿地公园

陕西省龙门洞森林公园

青峰峡森林公园

舌尖上的美食

岐山臊子面

豆花泡馍

搅团

岐山擀面皮

年轻是我们唯一有权利 去编织梦想的时光 ---李嘉诚

站长简介

你可能感兴趣的:(前端,web,css,javascript)

年轻是我们唯一有权利去编织梦想的时光 ---李嘉诚