![](https://img-blog.csdnimg.cn/20210104130626913.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web
文章平均质量分 75
前端和后端
SkyeCat
在读加拿大留学生
展开
-
span/p水平垂直居中 --> line-height失效问题
HTML:<div class="test"> <span class="test2"> Hi! Click me </span></div>CSS:.test{ height: 50px; width:500px; border:1px solid;}.test2{ height: 50px; width:500px; display: inline-block; text-align: cente原创 2021-05-04 05:47:37 · 1205 阅读 · 0 评论 -
JavaScript初学-入门前端小游戏-超简单
JavaScript初学 --- 15 Puzzles 简单前端小游戏游戏介绍Demo 演示思路整理代码介绍HTMLCSSJScreateTable代码改良知识点总结写在最后游戏介绍创建一个4 x 4的面板(HTML5表实现),总共16个格子。其中一个格子是空的,其他格子从1到15随机编号。可通过单击格子将当前空格子旁边的任何图块移入当前空格子。将格子按顺序逐行排列即为胜利✌️。当用户点击了与空格子不相邻的格子时,用户会收到提醒。Demo 演示稍微解释一下,从上面的Demo可以看到,只可以点击与空原创 2021-04-09 12:57:35 · 7378 阅读 · 0 评论 -
Web超简单入门(附带项目的讲解)
Web入门(附带项目的讲解)写在前面进入正题配置项目介绍具体操作如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入写在前面DemoWebPages 是一个只有三个页面的网站,功能简单且清晰。具体有登录,注册和菜单三个页面。写这个小型项目的目的,一是想复习一下半年前学到的w原创 2021-01-04 13:10:57 · 839 阅读 · 2 评论