2021-01-30

css学习

span元素，a标签加上title属性后鼠标悬浮上去之后都是会提示信息；
box-sizing属性有content-box和border-box；
如果盒子不添加box-sizing属性默认的是content-box属性
盒子的大小为:width+padding+border;
如果盒子添加box-sizing属性为border-box则盒子的大小就是width;
padding和border不会撑大盒子；

transition属性实现过渡效果包括四个属性值
1:属性：想要变化的属性值，宽度，高度，背景颜色，内外边距都可以，如果想要所有的属性都加过渡效果写一个all就可以了。
2:花费时间：单位是秒（必须写单位）比如0.5s
3:运动曲线：默认是ease（可以省略）
4:何时开始：单位是秒（必须写单位）可以设置延迟触发时间，默认是0s可以省略。
transition这四个属性后面两个属性可以省略，可以只写前两个。
运动曲线有五种：
1:匀速：linear
2:ease逐渐慢下来；
3:ease-in加速；
4:ease-out减速；
5：ease-in-out先加速后减速；

CSS继续学习中，加油啦~