摘要: 这是一个练习flexbox布局的小游戏,挺不错的,非常适合初学者。 也就最后一关有点难度,故把自己做题的代码写出来。 `flex-flow:column-reverse wrap-reverse; justify-content:center; align-content:space-between 阅读全文
posted @ 2021-12-06 16:23 自闭学习的清梦同学 阅读(914) 评论(0) 推荐(0) 编辑
摘要: 因为学习时间比较紧,所以也没多少时间发博客了。后续会慢慢补齐的,下面是代码 /// function randomColor(){ var r = parseInt(Math.random() 256).toString(16); var g = parseInt(Math.random() 256 阅读全文
posted @ 2019-11-10 20:16 自闭学习的清梦同学 阅读(130) 评论(0) 推荐(0) 编辑
摘要: var oBox = document.getElementById('box');//获取ID为box的节点 var aBox = document.getElementsByTagName('div');//获取标签名为div的节点 var oBox = document.querySelect 阅读全文
posted @ 2019-11-08 00:09 自闭学习的清梦同学 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 工具得特点: 1:重复性使用 2:隐藏内部原理(细节) 3:选择性应用 创建函数: 1:关键字 function 函数名称(){ } 2:字面量创建 var fn = function(){ } 3:构造函数 var fn = new Function(); 函数得调用: 1:函数名() 2:事件驱 阅读全文
posted @ 2019-11-08 00:00 自闭学习的清梦同学 阅读(174) 评论(0) 推荐(0) 编辑
摘要: /// 注意要给td加上宽高属性,不然就看不到啦 /// td{ width:100px; height:30px; border:1px solid red; } 阅读全文
posted @ 2019-11-07 23:48 自闭学习的清梦同学 阅读(150) 评论(0) 推荐(0) 编辑
摘要: js javascript js的组成: ECMAscript DOM BOM js放置的位置 js输出语句 document.write() //在页面输出 console.log() //在控制台输出 [调试程序] alert() //弹窗 [阻塞程序运行] 变量: 声明变量: 关键字:var 阅读全文
posted @ 2019-11-07 23:24 自闭学习的清梦同学 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 形成一个3D的空间 transform style: preserve 3d; 3D在2D的基础上,多了这些内容 位移 transform:translateZ(); 旋转 transform:rotateZ() 缩放内容涉及过多,暂不讨论 立方体的效果实现 1 2 3 4 5 6 阅读全文
posted @ 2019-11-07 13:00 自闭学习的清梦同学 阅读(146) 评论(0) 推荐(0) 编辑
摘要: section{ width: 500px; height: 300px; border bottom: 10px solid black; position: relative; margin: 100px auto; } div{ width: 30px; height: 250px; text 阅读全文
posted @ 2019-11-07 12:54 自闭学习的清梦同学 阅读(95) 评论(0) 推荐(0) 编辑
摘要: css 位移常用属性 transform:translate(x,y); transform:translateX(); transform:translateY(); 旋转属性 2d旋转: transform:rotate(); / 绕着中心点转动 / transform:rotateX(); / 阅读全文
posted @ 2019-11-07 12:49 自闭学习的清梦同学 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 初级菜鸟的作品,各位大佬见笑了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2019-11-06 23:39 自闭学习的清梦同学 阅读(262) 评论(0) 推荐(0) 编辑