xuxiang946210

摘要： .a { width: 500px; height: 500px; /* 动画的名字 持续时间 状态 backwards infinite alternate*/ animation: change 1s backwards alternate infinite; } @keyframes chan 阅读全文

摘要： 使用flexbox布局：将父元素的display属性设置为flex，然后使用justify-content和align-items属性将子元素居中。 display: flex; justify-content: center; align-items: center; } 使用绝对定位和trans 阅读全文

摘要： . 阅读全文

摘要： background-size opacity 透明度 针对浏览器兼容的两张思路 优雅降级 拿到页面久开始做完整的功能 在针对低版本浏览器做兼容 渐进增强 一开始就构建基本功能 在针对高版本浏览器做优化处理 宽高 background-size opacity 透明度 针对浏览器兼容的两张思路 优雅 阅读全文

摘要： 弹性布局的一些坑 宽度超出的时候 子元素默认上收缩 禁止收缩 弹性可能被子元素撑大内容 flex 1 overflow hidden 高度会继承问题 不希望继承 可以 align -items flex -start 弹性布局的面试题 居中 自适应两栏布局 三栏布局 阅读全文

摘要： display inline-flex /flex flex-flow row flex 方向和换行的简写 . 弹性子属性 fiex-shrink 0 禁止收缩 弹性扩展 不扩展 flex-glow：0.9 重要 基础 等效于宽度的效果 优先于等于写flex flex 的三个子属性 flex：fle 阅读全文

摘要： vw 包含滚动条的宽度 百分号不包含 手机端 搜索效果都是a标签 阅读全文

摘要： 引入css外部文件 将自己的css文件放在最下面 如字体 动画放在最上面 阅读全文

摘要： pc 端 标准设计图 1920*xxxx会有版心 移动端 1 设计图 比实际的手机大2背或者三倍 pc 端 标准设计图 1920*xxxx会有版心 移动端 1 设计图 比实际的手机大2背或者三倍 2 手机的屏幕 视网膜屏幕 3 iphone6 为例 物理像素750 逻辑像素375 设备像素比 （）d 阅读全文

摘要： em 参照与父元素 字体大小的相对的单位 1em=一个字体大小 rem：root em 用于那是参照于根元素的字体大小 网页的根元素是html calc是c3新增的属性值 em 参照与父元素 字体大小的相对的单位 1em=一个字体大小 rem：root em 用于那是参照于根元素的字体大小 网页的根 阅读全文