html
Elia_Chen
看见自己的进步进步
展开
-
js实现的极简计算器
JavaScript实现的极简计算器计算器都是熟悉的那就废话不多说直接上效果图给各位看看。最顶显示我们按键的结果,下面的框显示计算结果。主要代码如下:css #jisuanqi{ margin: 0 auto; width: 25%; height: 280px; border: 1px solid #DDD; } #shownumber{ text-align: right; text-indent: 10px; margin: 0 auto原创 2020-09-17 09:29:52 · 206 阅读 · 0 评论 -
清除浮动影响的几种方法
今天分享的是清除浮动的几种方法,当我们在布局的时候,图如下:而我们想实现的是(1)里头的元素还在框里但是保持一行,(2)框的高度跟随里头最高的元素。我知道有很多方式可以做,但今天我们要讲的是和浮动有关,所以只用float来说。我们都知道只要father不设置高,它会随着里头元素的大小来撑开盒子。(我相信还没有人不知道把?不知道也没事,你现在知道了嘿嘿嘿)实现之前代码如下:.father{ border: 1px solid orange; width: 700px;}.son1{ wi原创 2020-09-14 10:42:08 · 3145 阅读 · 0 评论 -
DIV+CSS三种常见布局
布局一:一列固定宽度且居中效果图如下:(图片有点小请见谅,因为要截全部)主要代码如下:<style> .top,.banner,.main,.footer{ margin: 5px auto; background-color: silver; border: 2px dashed black; width: 70%; text-align: center; } .top,.footer{ height: 200px; line-height:原创 2020-09-11 17:19:41 · 8611 阅读 · 3 评论 -
前端简易小demo-页面logo漂浮
实现效果:logo在浏览器页面漂浮,鼠标覆盖暂停,鼠标移走继续漂浮效果图:css代码如下:#box{ position: absolute; top: 10px; left: 10px; width: 100px; height: 80px; background: url("./images/baike.jfif"),no-repeat; border: 1px solid red; background-原创 2020-09-11 10:54:36 · 695 阅读 · 1 评论 -
前端简易小demo-弹球游戏
实现简易弹球游戏:有得分项 有速度设置项先点击速度项再点击开始游戏(若不选择速度则默认为x1.0)先上效果图:点击结束游戏:接不到结束:涉及主要知识点:计时器的设置、键盘监听css代码如下: #score{ width: 40%; height: 40px; margin: 5px auto; font-size: 40px; position: absolute; left: 470px; } #num{ width: 15%;原创 2020-09-11 10:37:26 · 768 阅读 · 0 评论 -
学习HTML总结2
今日份总结比较少,算作记忆型总结。内容如下:常见的特殊字符的总结对列表的简单的代码展示常见的特殊字符的总结:对列表的简单的代码展示:列表:有序列表、无序列表、自定义列表记忆方法:有序(orderly)、无序(unorderly)、自定义(delimit)+列表(list)=ol、ul、dl其实,本人认为,自定义列表应该用于对词语解释的情况,有序和无序应该用于对一个大类的小分...原创 2020-04-20 23:14:22 · 174 阅读 · 0 评论 -
学习HTML总结1
学习HTML第一天总结其实,我得说在前面,我呢,其实是学过的了。只是基础打得不是很牢固,所以趁着放假重新整一整(有看书和看视频)。所以初学的朋友,也就不要太较真了,也是可以看的,我加了一些自己的见解。我这总结也是仅供参考,也是督促自己进行学习和总结。【弱弱说一句,之前的总结断了的原因是,作业实在太多了,还要多学其他的,就。。。能原谅我吧?等我有空可以慢慢更】(不要以为我真是教程,我没有那么厉害...原创 2020-04-08 17:43:34 · 232 阅读 · 0 评论