- 博客(4)
- 收藏
- 关注
原创 关于JS预解析
关于预解析在js中,预解析的过程:首先将变量申明var以及函数function提升到作用域的最前面,需要注意的是并不提升赋值然后将其他代码以此罗列,如同一下案例案例1 var num = 10 fun() function fun() { console.log(num) var num = 20 }//问输出的是? //预解析代码等同于 var num
2022-04-26 20:50:41
146
原创 css 动画
文章目录css 动画写法属性关于animation-timing-function动画案例动画的综合写法css 动画写法@keyframes 动画名称 { 0% { } 100% { background-position: -1600px 0; }/* 动画状态*/ }@keyframes 动画名称 { from { backgroun
2022-04-14 23:30:11
288
原创 关于2D转换translate,rotate,scale
2D转换2D转换之位移(translate)移动盒子的位置几种方法:添加外边距,定位,2D转换移动transform: translate(10px,10px);/*注意是向右和向下是正值*/transform: translateX(10px);/*在X方向上移动*/transform: translateY(10px);2D转换之旋转(rotate) transform: rotate(45deg);默认的盒子旋转中心点为盒子正中央,当然也可以自行选择旋转中心点。当你自己设置时需要在
2022-04-13 11:17:28
437
原创 外边距margin合并问题:外边距塌陷
目录前言一、为什么存在外边距塌陷二、解决外边距塌陷1.给父级的盒子制定边框线,然后设置子级盒子的外边距2.给父元素设置内边距3.给父元素添加overflow:hidden;总结三、清除内外边距前言写的时候遇到了问题,虽然自己有学但实操似乎会忘记,就把外边距塌陷的问题记录下来了。一、为什么存在外边距塌陷当父盒子和子盒子同时有外边距margin设置的时候,网页显示的是两者比较大的离顶部较远的那个外边距,而子盒子并不会与父盒子产生外边距,这一现象称之为塌...
2022-04-11 13:07:43
682
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅