CSS基础5-垂直居中与图片处理

3. 给表格中的内容设置垂直对齐

定位：将一个元素放在指定位置上

---

语法：position:定位方式；方向英文:*px；

1. static默认

2. fixed固定定位，基于浏览器当前屏进行定位

   用法：盒子完全居中于未知大小的盒子

第一种方法：

position:fixed;

top:50%;

margin-top:-盒子高一半；

left:50%;

margin-left:-盒子宽一半

第二种方法：

position:fixed;

top:0;

right:0;

left:0;

bottom:0;

margin:auto;

3. relative相对定位：基于元素本身的位置定位，不会脱离文档流，元素所占空间不会关闭

4. absolute绝对定位：基于最近的被设置非静态定位的上级元素进行定位，如果没有基于浏览器第一屏定位

   注：当基于根元素（html）定位时，如果你想让它基于整个页面，它有可能在浏览器最底部

   使用：子绝父相

img图片和背景图片选用

===============================================================================

• 数据从数据库来，经常跟换，是页面结构的一部分用img

• 精灵图用背景图

锚点链接：页面内跳转

=============================================================================

<div id="id名">要跳转到区域内容</div>

<a href="#要跳转id名">链接提示内容</a>

css处理兼容性问题方式

===============================================================================

| 前缀 | 浏览器内核 | 代表浏览器 |

| :-: | :-- | :-- |

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
套学习资料的朋友可以戳我获取！！**](https://bbs.youkuaiyun.com/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！