- 博客(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
77
原创 css 动画
文章目录css 动画写法属性关于animation-timing-function动画案例动画的综合写法 css 动画 写法 @keyframes 动画名称 { 0% { } 100% { background-position: -1600px 0; }/* 动画状态*/ } @keyframes 动画名称 { from { backgroun
2022-04-14 23:30:11
104
原创 关于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
337
原创 外边距margin合并问题:外边距塌陷
目录 前言 一、为什么存在外边距塌陷 二、解决外边距塌陷 1.给父级的盒子制定边框线,然后设置子级盒子的外边距 2.给父元素设置内边距 3.给父元素添加overflow:hidden; 总结 三、清除内外边距 前言 写的时候遇到了问题,虽然自己有学但实操似乎会忘记,就把外边距塌陷的问题记录下来了。 一、为什么存在外边距塌陷 当父盒子和子盒子同时有外边距margin设置的时候,网页显示的是两者比较大的离顶部较远的那个外边距,而子盒子并不会与父盒子产生外边距,这一现象称之为塌...
2022-04-11 13:07:43
440
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人