绝对定位和相对定分解52页PPT
- 格式:ppt
- 大小:4.13 MB
- 文档页数:52
---------------------------------------------------------------最新资料推荐------------------------------------------------------相对定位与绝对定位CSS 定位与定位应用定位一直是 WEB 标准应用中的难点,如果不清楚定位那么可能一些效果将不能实现,即使实现了某些效果,在浏览器的兼容性方面可能也会出现问题,如果理清了定位的原理,那么定位会让网页实现的更加完美。
在网页制作中,例如实现对联广告,这时候就需要设置绝对定位,来实现如图 1 所示的效果。
图 1 对联广告一、 position 的三种定位方式图 1 演示了绝对定位的应用, position 定位属性主要包含 relative 相对定位、absolute 绝对定位和 static 默认定位三种定位方式,下面分别对这三种定位方式进行讲解。
(1) relative 相对定位,相对于文档流原来位置的偏移,原占位大小完整保留。
相对定位常用的属性、值及其含义如下表所示。
定位属性属性值说明定位方式position position:relative; 采用相对定位,相对于本来位置的偏移偏移量 left left:20px; 距离参照物左侧 20px right right: 50px; 距离参照物右侧 50px top top: 10px; 距离参照物顶部 10px,相对定位参照物为元素的本来位置 bottom bottom:100px; 距离参照物底部 100px 一般情况下, right 和 left 或 top 和 bottom 不应同时存在。
1 / 9他们之间有个公式。
left 值等于-right,同样的, top 值等于-bottom,例如:left: 10px; 等价于right: -10px; 。
我们根据上表中对 relative 知识的描述,来看图 2 中相对定位元素第 2 块的特点。
《位置》PPT课件contents •位置概念与性质•空间位置感知与理解•地理位置信息技术应用•地理位置信息安全与隐私保护•地理位置信息发展趋势与挑战•总结回顾与拓展延伸目录位置概念与性质位置定义及表示方法位置定义表示方法绝对位置与相对位置绝对位置相对位置位置关系及其性质距离和角度关系上下左右关系通过距离和角度来精确描述物体之间的位置关系。
对称关系直角坐标系极坐标系三维坐标系030201坐标系中位置描述空间位置感知与理解空间方位感知训练教授地图符号和标识的含义,如比例尺、方向标、图例等。
引导学生理解地图上的地形地貌、行政区划等信息。
通过实际地图阅读任务,培养学生的地图阅读能力和空间想象力。
地图阅读技巧培养地理位置信息获取途径通过搜索引擎或地图应用获取地理位置信息。
利用GPS定位技术获取精确位置信息。
通过社交媒体或旅游网站等获取特定地点的地理位置信息。
虚拟现实技术在空间位置感知中应用利用虚拟现实技术创建三维空间场景,帮助学生更直观地理解空间位置关系。
通过虚拟现实技术进行模拟实验,如模拟飞行、城市规划等,提高学生的空间感知能力。
结合虚拟现实技术和地理信息系统(GIS),进行更高级别的空间位置分析和应用。
地理位置信息技术应用GPS原理及功能介绍GPS定位原理GPS功能提供全球范围内的精确定位、测速和授时服务,广泛应用于导航、测量、救援等领域。
GIS地理信息系统简介GIS概念GIS应用遥感技术在地理位置信息获取中应用遥感技术原理利用传感器对远距离目标进行探测和感知,获取目标反射或发射的电磁波信息。
遥感技术应用地图制作、资源调查、环境监测、军事侦察等。
物联网在地理位置信息传输中作用物联网概念通过互联网将物品与物品、人与物品进行连接,实现信息交互和远程控制。
物联网在地理位置信息传输中作用实现实时位置跟踪、智能导航、远程监控等功能,提高地理位置信息的传输效率和准确性。
地理位置信息安全与隐私保护地理位置信息泄露风险分析网络攻击与数据泄露01社交软件与位置共享02恶意软件与间谍程序03加密技术在地理位置信息安全中应用端到端加密同态加密零知识证明隐私保护政策法规解读国内外隐私保护政策对比政策法规对企业要求用户权益保障措施提高个人地理位置信息安全意识了解地理位置信息泄露风险选择可信赖的网络服务和应用定期检查和更新隐私设置加强账号密码管理地理位置信息发展趋势与挑战惯性传感器通过测量加速度和角速度,推算出物体的运动轨迹和姿态,常用于室内定位和运动追踪。