css要指定当前文字是字体图标 必须要声明

strong { font-family: 'iconfont'; }

使用伪元素字体图标(记住) 这样会使结构比较清晰 省了很多小盒子

注意:使用伪原素字体图标 ,一定要声明字体. font-family:"iconfont"

变形 translate

translate可以让盒子沿着x轴或者y轴来移动. 语法:

他和margin有啥区别。

• margin移动盒子会影响其余的盒子。把其他人挤走。

• 位移translate移动盒子不会影响其他的盒子。不脱标。

• 位移经常需要的场景：

  • 比如 盒子上下移动不影响其他盒子
  • 盒子水平和垂直居中，写法简单
  • 轮播图的动画效果 注意：

移动的时候可以写百分比，如果使用的百分比，移动的是盒子自身的宽度

应用- 盒子水平和垂直

可以让一个子盒子在父盒子里面水平和垂直居中。