Today

1.选择器 :

2. 在row上添加    no-gutters  去除默认的 margin padding 的15px 

给卡片添加border 不用考虑 超出卡片了

3.卡片第一栏 头像 图片重新切图,设置宽度100%;不超出设置的边框

4.修改 header 出现登陆注册 偏左的问题

出现偏左是因为媒体查询要求达到后,顶部只有登陆注册.登陆注册又包含在space-between 属性中,所以靠左.

修改:在登陆注册左边添加空内容

5. 列的偏移: 不希望相邻的两个列紧靠在一起，但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移（offset）

6.transform: rotate(45deg);

transform: scale(0.5)  或者  transform: scale(0.5, 2)

transform: skew(30deg)  或者 transform: skew(30deg, 30deg);

transform: translate(45px)  或者 transform: skew(45px, 150px);

参数表示移动距离，单位px，

• 一个参数时：表示水平方向的移动距离；
• 两个参数时：第一个参数表示水平方向的移动距离，第二个参数表示垂直方向的移动距离。
• 
  

7.opacity: 透明度   ,或者

background: rgba(0, 0, 0, 0.4);

visibility：hidden则相当于完全从文档流中删除了该元素，但所占据的尺寸仍然保留。

opacity：0则仅仅不可见，但仍可被浏览器发现，也就能触发各种事件。

display:none、visibility:hidden和opacity:0之间的区别:

https://blog.csdn.net/github_39673115/article/details/77926351

8. 规定设置过渡效果的 CSS 属性的名称

transition-property: width height;

规定完成过渡效果需要多少秒或毫秒

transition-duration: 1s;

9.试图添加 滑到顶部和底部 箭头,放弃

10.选中当前页面 底部小白线 不消失

Gain

1.https://music.163.com/song?id=22066038&userid=281626716         单曲循环了

2.css 动画了解

3.bs布局使用

Pain

1.做了个很弱智的动画效果,还得继续练习哇