如家小例子

最新推荐文章于 2025-05-24 20:15:33 发布
原创 最新推荐文章于 2025-05-24 20:15:33 发布 · 775 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#流式布局 #css #html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<title>Document</title>

<link rel="stylesheet" href="css/reset.css">

<style>

html,body{

width: 100%;

height: 100%;

}

.father{

width: 100%;

}

header img{

width: 100%;

}

section{

margin: 0 auto;

width: 80%;

}

.yuding{

font-size: 15px;

font-weight: 500;

text-indent: 2em;

line-height: 25px;

margin-top: 4.148%;

}

.jian{

color: #FC6F50;

}

.yuding img{

margin-top: -5px;

vertical-align: middle;

}

.load{

text-align: center;

margin-top: 4%;

width: 80%;

}

.load img{

width: 42.1875%;

height: 5.037%;

}

.son{

margin-top: 7.1% ;

text-align: center;

width: 80%;

}

.son img{

width: 80%;

}

.put{

width: 56.25%;

height: 3.259%;

background-color: #F6FBFE;

margin-top: 1.48148%;

border: 1px solid #D9E3EE;

padding-left: 2px;

color: #C9D6E5;

}

.put1{

width: 38.125%;

height: 3.259%;

background-color: #F6FBFE;

margin-top: 1.48148%;

border: 1px solid #D9E3EE;

padding-left: 2px;

color: #C9D6E5;

}

.yzm{

width: 17.8125%;

height:3.259%;

color: #FFCC7C;

border:1px solid #D9E3EE;

margin-left: -5px;

background-color: white;

margin-top: 1.48148%;

padding: 4px 5px 0px -1px;

}

.message{

font-size: 13px;

text-align: center;

margin-top: 1.48%;

}

.dian{

color: #FF2C41;

}

.message1{

width: 27.5%;

height: 3.70370%;

display: inline-block;

color: #6D6F70;

}

.zc1{

display: inline-block;

width: 20%;

height: 3.407%;

}

.share{

margin-top: 1.48%;

}

.share img{

width:56.25%;

}

footer{

height: 7.4074%;

width: 100%;

color: white;

text-align: center;

background-color: #F18D32;

font-size: 14px;

line-height: 20px;

margin-top: 1.48%;

}

.dinggou{

margin: 0 auto;

width: 59.375%;

}

</style>

</head>

<body>

<div class="father">

<header>

<img src="img/shangtu.png" alt="">

</header>

<section>

<p class="yuding">使用全新掌上如家APP预订，会员折后<span class="jian">再减5元！</span>更有机会赢取<span class="jian">ipad mini2</span>，赶快下载预订吧！

<img src="img/活动详情.png" alt="" ></p>

</section>

<section class="load">

<img src="img/苹果下载.png" alt="">

<img src="img/安卓下载.png" alt="">

</section>

<section class="son">

<img src="img/话费.png" alt="" class="huafei">

<form action="">

<div>

<input type="text" placeholder="姓名（4字内）" class="put">

</div>

<div>

<input type="text" placeholder="手机号码" class="put">

</div>

<div>

<input type="text" placeholder="验证码" class="put1">

<input type="button"  value="获取验证码"class="yzm">

</div>

</form>

<div class="message">

<p class="message1">

<span class="dian">*</span>

<span>请填写真实信息以便享受会员权益</span>

</p>

<div class="zc1">

<img src="img/zc.png" alt="">

</div>

</div>

<div class="share">

<img src="img/f.png" alt="">

</div>

</section>

<footer>

<p class="dinggou">如家官方微信：homeinns2012</p>

<p class="dinggou">全国订房电话：400-820-3333</p>

</footer>

</div>

</body>

</html>

【数据挖掘实战】——使用xgboost实现酒店信息消歧
lingxw的博客
11-04 674
前面我们讲解了数据挖掘思维，也介绍了一些数据挖掘所使用的算法，那么今天我们就从实际情况出发，看看数据挖掘该如何在工作中发挥作用。XGB 算法我们在前面的章节已经做过一些了解，它是由决策树衍生出来的一种算法，在做实验和工业生产中都有非常好的效果。
Elasticsearch 索引库与文档操作
流楚丶格念的博客
07-25 2339
虽然无法修改mapping中已有的字段，但是却允许添加新的字段到mapping中，因为不会对倒排索引产生影响。倒排索引结构虽然不复杂，但是一旦数据结构改变（比如改变了分词器），就需要重新创建倒排索引，这简直是灾难。Elasticsearch索引库就类似数据库表，mapping映射就类似表的结构。这里我们统一使用Kibana编写DSL的方式来演示。我们要向es中存储数据，必须先创建“库”和“表”。类似于mysql的创建库和表。请求方式DELETE。请求路径/索引库名。请求路径/索引库名。......
基于地域和热度的推荐算法，以较为简单的例子来看
qq_47928695的博客
05-27 1558
基于地域和热度的推荐算法 下面以新闻为例说明热度算法的基本原理。 在一则新闻录入数据库后， 初始化一个热度分(S0)， 此时该新闻就进入了新闻推荐的候选池。 (1) 随着新闻不断被用户点击 (click) 、转发 (share) 、关注 (follow) 、评论 (comment) 、 点赞 (up) 等， 对应的和用户交互维度的热度 (S1) 不断增加。 **(2)**另外， 新闻要求具有时效性， 因此在新闻发布后， 热度(S2)会随着时间衰减。随着时间的后移，新闻的热度不断发生变化，对应的推荐抽选池排序
【Elasticsearch入门到落地】13、DSL查询详解：分类、语法与实战场景
最新发布
程序猿之洞
05-24 1198
Elasticsearch（ES）作为强大的分布式搜索引擎，其核心功能之一是通过DSL（Domain Specific Language）实现灵活的数据查询。本文将深入解析ES DSL查询的三大核心分类：全文检索查询、精确查询和地理查询，结合实际场景和语法示例，帮助开发者快速掌握ES查询精髓。Elasticsearch（ES）作为强大的分布式搜索引擎，其核心功能之一是通过DSL（Domain Specific Language）实现灵活的数据查询。本文将深入解析ES DSL查询的三大核心分类：全文检索查询、
疫情下资金短缺的中小企业，真能贷到款吗？
Odaily_的博客
02-19 1666
疫情席卷下的创企现状，似乎印证着去年年末在朋友圈疯传的那句话：2019 年是过去 10 年最差的一年，也是未来 10 年最好的一年。文 | 王也 运营 | 盖遥 编辑 |郝方舟出品...
首旅如何用大模型为6300家酒店客房精准定价？｜创新场景
ITValue的专栏
08-07 1109
ITValue借助数字化分析能力和AI大模型学习能力，根据大数据和店长的丰富经验，定义每家酒店的基本收益模型，更快一步制定出客房价格预测，并给出具体原因分析。作者｜杨丽编辑｜盖虹达首发｜钛媒体APP ITValue在后疫情时代酒店业态复苏的形势下，客户消费行为的变化，以及各地方经济热点的带动，在时刻牵动着酒店经营者乃至每个门店经理的神经。从最核心的获客，到提升收益效率、数字化线上化协同管理等层面...
小程序“成语猜题”部分答案，总共28667题
热门推荐
py编程|爱分享
01-15 7万+
哀哀父母 可哀呀可哀，我的父母啊！原指古时在暴政下人民终年在外服劳役，对父母病痛、老死不能照料而悲哀。 哀哀欲绝 绝：断气，死。形容极其悲痛。 哀兵必胜 原意是力量相当的两军对阵，悲愤的一方获得胜利。后指受欺侮而奋起抵抗的军队，必定能取胜。 哀而不伤 哀：悲哀；伤：伤害。忧愁而不悲伤。比喻做事没有过头也无不及。 哀感天地 形容极其哀痛，使天地都为之感动。 哀感顽艳 原意是指内容凄切，文辞华丽，使愚笨和聪慧的人同样受感动。后多用来指艳情的小说、戏曲、电影
C看B
阿朱=行业趋势+开发管理+架构
08-20 349
咱们通过一个to C 家装的案例，来说to B 两个事：1、产业互联网2、巨型客户服务：多供应商系统集成、复杂解决方案、长项目周期交付（1）价值链家装，分为三阶段：1、设计2、解决方案3、...
Query理解在美团搜索中的应用
Kaiyuan_sjtu的博客
05-13 1301
分享嘉宾：刘亮 美团 资深算法工程师编辑整理：吴雪松出品社区：DataFunTalk导读：在过去的20年中，搜索过程中处理查询的方式以及向用户显示结果的方式已完全改变。该过程已经从仅基于文...
python爬虫爬如家代码
11-15
这里是一个简单的例子，展示如何使用Python的requests库获取网页内容，然后使用BeautifulSoup库解析HTML： ```python import requests from bs4 import BeautifulSoup # 请求如家官网页面 url = '...
python爬虫爬如家网址代码，要能够使用的
11-15
这是一个基础的例子，假设我们想要抓取酒店名称和价格： ```python import requests from bs4 import BeautifulSoup # 定义目标URL url = "https://www.elong.com/hotellist.html?cityCode=00852" # 替换为你想爬...
粉色温馨客厅电脑主题，让你的win7桌面如家般温暖
在这个例子中，"粉色客厅电脑主题 win7版"指的是一款专为Windows 7操作系统设计的桌面主题，它提供了一种温馨的粉色格调，使人联想到家庭环境。 3. **Windows 7操作系统**：标题中的“win7版”表明该主题是为...
盒子嵌套
Vivian_shuang的博客
07-06 3227
DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> style> #box1{ width: 50px; height:50px; background:#7FFF59; display: inline-block; border:5px solid #FFFD
映纷视觉小例子
Vivian_shuang的博客
07-06 2631
DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> link rel="stylesheet"
冰艺小例子3
Vivian_shuang的博客
07-07 1046
DOCTYPE html> html> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> title>title> link rel="stylesheet"
弹性布局小例子
Vivian_shuang的博客
07-06 833
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> style> *{ margin: 0; padding: 0; } html,body,.wrap{ height: 100%; } .wrap{ width: 100%; height: 100%; display:-webki
100度小例子
Vivian_shuang的博客
07-07 783
DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> title>精灵图title> link rel="stylesheet" href="css/reset.css"> style> .father{ width: 980px; margin: 0 auto; } p{ padding:0;
冰艺小例子1
Vivian_shuang的博客
07-07 637
DOCTYPE html> html> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> link rel="stylesheet" href="css/an
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值