CSS

网页中经常有鼠标hover某一个盒子出现上升，并带有亮光的特效，不多说直接看下面的动图。 思路分析 效果分析 仔细观察，鼠标hover后，盒子出现了上升的现象，盒子周围也出现了阴影。

开发中经常会遇到让一个盒子在父盒子里面水平垂直居中。可以设置只让盒子水平或者垂直居中，或者设置让盒子水平且垂直居中

华为官网有这样一种效果，感觉还是挺常见的，自己试着实现了一下 思路分析 效果分析 仔细查看，鼠标悬停时，页面的效果： 盒子出现透明色遮罩 图片有缩放的效果 文字框有上升的效果

网页中在小视频播放时，有的出现那个播放按钮忽大忽小的情况，看下面的动图 思路分析 效果分析 仔细分析一波，应用盒子模型

网页布局有标准流、百分比布局、浮动、grid网格布局，还有就是现在比较流行的flex布局，下面介绍一下 1. flex布局兼容性 先说下flex布局其实大量使用于移动端，因为pc端浏览器非常多版本也非

今天逛网站的时候发现了一个特效，就是鼠标移到哪，后面就有个小东西一直跟着，感觉挺好玩的，自己查了一下，顺便复习了一下事件对象的知识，下面试着实现了一下效果 2. 知识点 2.1. 事件对象

当屏幕的宽度发生什么变化时，页面元素的尺寸由于设置了px为固定尺寸，会不动，出现多的间距 解决：屏幕的宽高发生变化时，页面元素的尺寸（宽度和高度）随之变化，达到自适应的效果