子盒子3d效果需要给父亲添加 1transform-style: preserve-3d translateZ一般配合perspective使用

lessLess(CSS预处理器):扩充CSS语言，使CSS具备一定的逻辑性和计算能力 表达式存在多种计算单位以第一个单位为准 ​ less计算除法正确方式： (10 / 37.5rem) 导入1@import 'xxx.l...

Margin会影响页面布局，translate不脱标 位移百分比是 相对于自身的宽度和高度 多重变换的正确写法 渐变： 1background-image: linear-gradient(to direction，color); sk...

1.定义 123456789101112131415161718192021//第一种方法 只有起始帧和结束帧2个动作,中间自动补帧@keyframes action{ from{ }//可不写 to{ ...

原理：通过媒体查询实现 优点：面对不同分辨率设备灵活性强。能够快速解决多设备显示适应问题 缺点：兼容各种设备工作量大，效率低下，代码累赘 媒体查询123@media(){} min-width 从小到大 max-widt...

margin auto translate translate flex12justify-content:center;align-items:center;

1类名使用更多 2字体图标一般都使用单独的盒子 3使用i标签

行内元素进行绝对定位后会变成块级元素· img默认是行内元素 图片和文字在一行正确做法： 12display: inline-block;vertical-align: middle; 文字不换行 1white-space: nowrap;

二倍图我们写代码都是按照逻辑像素来写的。 应该按照设计图的一半大小来写代码，不然会失真。 视口三种视口： * 布局视口：手机上为了容纳为桌面浏览器设计的网站，默认布局视口宽度远大于屏幕宽度，为了让用户看到网站全貌，它会缩小网站。 * 视觉视口：用户...

AJAX技术异步JavaScript和xml（用js发送异步请求） 在不重新加载页面的情况下向服务器请求数据（局部刷新） 现今的ajax已经和xml没关系了，被json代替了 前后端交互的三个流程 语法123456789101112//(1)创建...