CssStyle

Scoped

1. 组件样式私有化 scoped,给当前组件的所有标签加一条属性，但是有一点就是给组件下的那个标签写就有用，但是给组件标签里面写的样式就没有用，因为里面的标签没有加上，属性选择只给最外层的那个加了，里面的没有加

Flex

1. 记住什么是 容器 项目 轴线
2. felx over-flow:hidden flex-grow

魔赞商城

1. 类似 banner 图，相互重叠在一起怎么在 img 的上方，我先按着左右来划分了
2. jusitfy-conten 左右居中默认边高子元素没有高的话，自动和父级的元素一样。
3. align-items: center; 上下居中本身宽高去除了默认父元素的高，但是他有自己的高的话就不会去除
4. justify-content: space-around; 左右有间距
5. justify-content: space-between; 左右里边没有间距
6. 按钮的大小可以用 padding 和 line-height 来撑开

• 元素居中的方案
• 前提一点就是必须有宽度或者高度

* {
  /* 第一种方案 适合于文字*/
  line-height: 100px;
  text-align: center;
  /* 第二种方案 任何东西都适合*/
  display: flex;
  justify-content: center;
  align-items: center;

  overflow hidden //溢出隐藏
  text-overflow ellipsis  //溢出显示标点符号
  white-space nowrap  //不让换行
}