![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
宋同学少年
不是当程序猿的童鞋不是好厨师,我是小凡,很幸运和你在这里遇见,一起加油✊✊
展开
-
flex布局中的align-items:stretch属性
align-items:stretchalign-items:stretch是一个默认值,永远保持在侧轴拉伸项目,怎么理解这句话呢?如果侧轴是垂直方向,那么在垂直方向如果项目没有设置高度,则会拉伸至弹性父级盒子的高度,如果侧轴为水平方向,如果项目没有设置宽度,那么就会拉伸其宽度至父级弹性盒子的宽度一致。这里用一个布局例子详细解释这个属性我们想实现类似于这个效果,基本的布局思路是,给一个白色的大盒子弹性布局,设置主轴方向为column,然后让其两端对其,然后再让两个盒子设置为弹性盒子,两边对齐原创 2020-08-06 20:16:15 · 15998 阅读 · 1 评论 -
我的笔记(CSS记录)
内容对HTML新增的video和audio标签进行分析结构伪类nth-child和nth-of-type的二者的用法区别background-size的使用视频针对视频有两种方案没有兼容性的 将视频文件上传到第三方网站获取其分享代码放到自己的页面中即可优点:没有兼容性缺点:有广告植入使用H5新增的video方法<video src="视频路径"></video>优点:没有广告缺点:有兼容性,一般运用在手机端video标签的常用属性(音原创 2020-07-30 14:32:06 · 157 阅读 · 0 评论 -
css中的动画
transition—过渡动画可以过渡的属性:有过渡中间值,例如left,width(从200px==>400px中间有过渡值),可以过渡,有一些属性不可以:如solid==>dotted可以使用transition-prototype单独对某个属性声明过渡效果,可以使用transition-duration对这个单独的属性进行过渡效果的控制可以使用transitionendAPI绑定过渡结束事件,在动画结束之后对其操作对属性进行定制(过渡时间和过渡属性一一定制)设置按照步数来走原创 2020-06-23 15:51:00 · 154 阅读 · 0 评论