随笔分类 - css进阶学习
摘要：rem适配 每个设备都有一套自己合适的属性，每个屏幕大小不一样，屏幕下的文字和缩放比也都不一样。 rem为现在的解决方案，vw和vh是未来的解决方案 rem布局，是宽高都要除以37.5，等于对应的rem值 // 但是需要配合淘宝移动端适配js来使用 vw/vh适配 vw是把屏幕分成100份，每份为3
阅读全文
摘要：flex布局 给父盒子添加display：flex，开启flex布局 主轴对齐方式 justify-content:开启主轴对齐方式，属性名： flex-start:元素沿着主轴起边排列（不常用） flex-end:元素沿着主轴终边排列（不常用） center:元素居中排列（常用） space-ar
阅读全文
摘要：调用css动画库 第一步：用link引入css的动画库 第二步：在需要的元素中引入css动画库 第三步：如果需要动画效果无限次数播放添加类 infinite 调用js，可视界面做动画效果，不可视页面不做 第一步：用script引入js的效果库 第二步：添加script的对象调用 第三步：在需要的元素
阅读全文
摘要：添加动画效果： @keyframes 名称 { （keyframes-selector）css动画样式 } 必须添加名称然后再css里边调用名称，必须有执行的时间，动画效果才可以生效 animation-name 名称：规定需要绑定到选择器的 keyframe 名称，必须要有，然后用css调用名称。
阅读全文
摘要：动画过渡效果 transition:all .3s，默认效果，动画过渡效果为.3s，哪个元素使用就给哪个元素添加。 动画的过渡方式，是匀速运动还是加速，减速运动，transition-timing-function： ease（默认值）慢速开始，然后加速在减速；linear 匀速运动；ease-in
阅读全文
