小超人日常码字

伪元素不能跟着hover，要这样用.box:hover::beforeposition: absolute 自动把元素转换为块元素。例子：<div class="box"></div><style>.box {width: 500px;height: 30px;position: relative;border: 1px solid #ccc...

位移 translate定位会影响其他盒子位置（脱离标准流）；行内元素定位，直接变为块级元素；移动不影响其他元素的位置；对行内元素无效；对块级元素生效；子元素居中.parent { width: 500px; height: 500px; border: 1px solid #000; position: relative;}.son { w...

3d转化3d视距perspective: 1000px;加在body：下面所有子元素，形成统一的透视感；加在各自父亲上：管理下面的子元素形成各自的透视感；值越小，变化越剧烈；3d位移transform: translateX(200px);transform: translateY(100%);设置百分比移动的是自身的百分之多少transform: translateZ(100...

布局移动端布局高度（靠内部撑起来的）流式布局：百分比%控制宽度。浮动、清除浮动；flex布局：快；移动端兼容性布局；rem：原稿实现：flex布局；rem单位替换px：rem&flexible.js&less使用PC端：基础班写法没有问题，flex不考虑兼容性；移动端：首先，推荐使用flex布局；看要不要做等比，rem&flexible.js&amp...

flex小知识点1.固定定位, 默认100%会失效2.手动加100% 基于浏览器的可视窗口大小2.1为啥没有往左走? 使用定位类 不设置left top 按照原来的位置进行脱标flex: 1;/* 宽度、高度方向都有效果，但是不是通过width/height */主轴方向上flex划分剩余空间侧轴方向进行拉伸设置margin值，向内挤margin: 10px;flex布局，行...

1.流式布局容易遗忘点 设置内边距时给盒子加上 box-sizing: border-box;2.flex布局 不给父盒子设置测量好的高度，在rem适配的时候，显示效果超出想象