![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 86
sm_77777
这个作者很懒,什么都没留下…
展开
-
CSS基础
CSS盒子盒模型(由内到外)内容区域:width,height 内边距:padding 边框:border 外边距:marginboxing-sizing: content-box(实际内容宽高就是设定的width和height) border-box(实际内容宽高是width和height减去对应的border和padding值)属性:top\right\bottom\...原创 2018-09-09 22:22:05 · 143 阅读 · 0 评论 -
HTML/CSS
CSS动画补间动画/transition动画需要借助交互只能定义第一帧和最后一帧的样式transition-property: all; 属性 transition-duration: 2s; 持续时间 transition-timing-function 动效 transition-delay 延迟时间 不支持动画的一些属性 background-image: a....原创 2018-09-16 23:05:23 · 446 阅读 · 0 评论 -
web学习-项目练习-No.3-简历
这是学习布局时做的一个项目,响应式布局,制作动画效果的个人简历。思路:先设置布局,做成响应式布局,用flex达到效果;分别对左边、右边进行布局和样式设置;设置动画效果,一共六处动画,都是鼠标滑动触发,用animation动画;最后设置媒体查询,设置在宽度小于768px之后的样式变化。<1>整体布局样式效果如图:描述:创建左右两个部分的<div&am原创 2018-10-31 00:33:37 · 324 阅读 · 0 评论