课后思考 一 单位的差别 1、px px就是pixel的缩写，意为像素。px就是一张图片最小的一个点，一张位图就是千千万万的这样的点构成的，比如常常听到的电脑像素是1024x768的，表示的是水平方向是1024个像素点，垂直方向是768个像素点。 2、em 参考物是父元素的font-size，具有继承的特点。如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。 3、rem css3新单位，相对于根元素html（网页）的font-size，不会像em那样，依赖于父元素的字体大小，而造成混乱。 4、% 一般宽泛的讲是相对于父元素，但是并不是十分准确。 1、对于普通定位元素就是我们理解的父元素 2、对于position: absolute;的元素是相对于已定位的父元素 3、对于position: fixed;的元素是相对于ViewPort（可视窗口） 3、vw css3新单位，viewpoint width的缩写，视窗宽度，1vw等于视窗宽度的1%。 举个例子：浏览器宽度1200px, 1 vw = 1200px/100 = 12 px。 4、vh css3新单位，viewpoint height的缩写，视窗高度，1vh等于视窗高度的1%。 举个例子：浏览器高度900px, 1 vh = 900px/100 = 9 px。 4、vm css3新单位，相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vm 。 举个例子：浏览器高度900px，宽度1200px，取最小的浏览器高度，1 vm = 900px/100 = 9 px。 二 position定位有哪几种？ static：默认定位 不可层叠,不脱离文档流 relative：相对定位 不可层叠,不脱离文档流 相对其正常位置进行定位,通过left、right、top、bottom位移 absolute：绝对定位 让元素由原来宽度变成自适应内部元素的宽度 脱离文档流，令原本占据的空间坍塌(布局破坏) 定位：相对最近的非static父级定位,如果没有则继续向上查找直到body,通过left、right、top、bottom位移,可通过z-index进行层次分级 会生成一个块级框 fixed：固定定位 让元素由原来宽度变成自适应内部元素的宽度 脱离文档流，令原本占据的空间坍塌(布局破坏) 相对于浏览器viewport定位,通过left、right、top、bottom位移,可通过z-index进行层次分级 会生成一个块级框 三 如何理解HTML结构的语义化？ 参考：理解HTML语义化 含义：标签有特定的意义，即内容的结构化（内容语义化），选择合适的标签（代码语义化）. 四 常见的移动端登录页header有哪些实现方式？ 水平三分垂直居中 特点：简单好用适合布局，但是删除元素会导致布局破坏 左右float中间自动 特点：使用简单,但是布局上个人不太喜欢用float 左右absolute中间自动 特点：暴力, 稳 明天计划的事情 完成任务四并提交 遇到的困难 今天因特色原因没时间练习电脑操作，因此查看深度思考，并理解当中问题。 收获 深度思考是工作中遇到的问题，所以也是我们学习中要思考的问题。