vw和vh适配目标:实现在不同的设备中,网页元素尺寸等比例缩放效果vw 单位尺寸1.确定设计稿对应 vw 尺寸(1/100视口宽度)2.vw 单位的尺寸 ...
1.flex 布局基于 flex 精确灵活控制块级盒子的布局方式,避免浮动布局中脱标文档流现象的发生flex 布局非常适合结构化布局布局方式父元素添加 d...
平面转换1.位移 translate技巧:只给一个值是水平移动 单独设置摸个方位移动用 translateX() & translateY()trans...
1.伪类选择器选择器说明E:first-child{}匹配父元素中第一个子元素,并且是E元素E:last-child{}匹配父元素中最后一个子元素,并且是...
1.精灵图的使用创建一个盒子通过PxCook量取图片大小,将小图片的宽高设置给盒子将精灵图设置为盒子的背景图片通过PxCook测量小图片左上角坐标,分别取...
1.浮动(float)的元素特征脱离标准流的控制(浮)移动到指定位置(动),俗称脱标)浮动的盒子不在保留原先的位置left 左浮动 righ...