html
驻风丶
加油加油
展开
-
js写一个小米首页轮播图
效果如图图片的切换有过渡效果有小圆点和按钮点击切换有鼠标放置停止轮播左边的按钮已经预留了小米官网的左侧列表空间所以css<style> *{margin:0;padding:0;} li{list-style:none;} .box{ width:1226px; height:460px; /* background:red; */ margin:0 auto; position: relative; } .i原创 2021-01-08 19:19:04 · 749 阅读 · 0 评论 -
js写一个气泡屏保能碰撞
大概样式图如下会随机位置生成几个球,颜色也是随机的, 运动方向以及速度也是随机的,不多废话上货!css<style type="text/css"> *{margin:0;padding:0;} div{ width: 50px; height: 50px; background-color: red; border-radius: 50%; position: absolute; }</style>html<div class="bo原创 2021-01-06 20:43:39 · 864 阅读 · 1 评论 -
用js写一个简单的前世今生
前世今生,没有今生只有前世刚开始的样子,没有任何的输入在下面的input内输入自己的名字,然后点击确认就会有前世的一些内容,具体内容都可以自己修改,我只是简单做了一个democss的内容<style> *{margin: 0;padding: 0;} a{text-decoration: none;} li{list-style: none;} .box{ width: 1000px; height: 600px; backg原创 2020-12-23 17:44:59 · 133 阅读 · 0 评论 -
html解决浮动带来的影响
浮动的缺陷浮动会造成标签脱离文档流,使标签塌陷当要进行左右布局时,不能只给右边设置右浮动,必须给左边同时设置左浮动解决浮动的影响1.给浮动的父级标签添加高度2.在被影响的标签添加空白标签,设置clear:both;3.给浮动的父级标签添加::after伪类 ::after{ width:0; height:0; content:''; display:block; overflow:hidden; visibility:hidden; clear:both; }原创 2020-12-11 20:30:48 · 578 阅读 · 0 评论 -
html去除input标签默认边框
input表单点击会出现一个默认边框,设置border: none;或者border: 0;都没有效果,还是会有默认边框,怎么去除呢css设置这个input的outline: none;就可以了原创 2020-12-09 11:28:56 · 6260 阅读 · 0 评论 -
同一行div或者其他行间块状标签,垂直高度不一解决办法
一个textarea和button都设置了display: inline-block;但是两个垂直高度不一致解决办法1.给高度不一的元素添加vertical-align: middle;2.给父级添加display: flex; justify-content: center;原创 2020-12-08 09:42:05 · 536 阅读 · 0 评论 -
两个行间块状div之间的间隙消除
做项目的时候遇到了一个问题,起初一直在比对两行的margin和padding以及他们的宽度,不停的计算,不停的换,还是对不齐,就像下面一样仔细看是没有间隔对齐的,快疯了的时候,发现自己给每个div一共五个,上面两个,下面三个,都设置了display:inline-bolck;为了可以设置大小又不换行,设置为行间块状,结果导致了在margin之外还存在一个间隙。解决办法给父级设置font-size: 0;我是给红色那块设置的,就对齐了。你学废了吗...原创 2020-12-07 15:49:00 · 440 阅读 · 0 评论 -
css块级标签右浮动挤一排解决方法
首先这个问题是这样的一个div里面有四个span标签,都设置了display:block;,现在是这样的右浮动以后给每个span再添加一个clear:right;就可以恢复正常了原创 2020-12-05 10:12:41 · 579 阅读 · 0 评论 -
a标签的三种禁止跳转方式
1.跳转到当前页面顶部,来模拟不跳转效果a标签不跳转2.http伪协议禁止跳转void(0)返回undefined,地址不发生跳转a标签不跳转执行一条空的js代码a标签不跳转原创 2020-11-28 17:21:11 · 1845 阅读 · 0 评论 -
position的值,relative和absolute分别相对谁定位
absolute:生成绝对定位的元素,定位原点是离自己这一级元素最近的一级position设置为absolute或者relative的父元素的左上角为原点的,若没有此类父元素就往上找直到body。relative:生成相对定位的元素,定位原点是元素本身所在位置。fixed (老IE不支持):生成固定定位的元素,相对于浏览器窗口进行定位。static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right z-index 声明)。inherit:规定从父元素继承原创 2020-11-28 17:03:11 · 534 阅读 · 0 评论 -
HTML中http响应状态码含义
(一)200:服务器正常响应(二)400:无法找到请求的资源(三)403:没有访问权限(四)404:访问的资源不存在(五)500:服务器内部错误,很可能是服务器代码有错...原创 2019-12-07 18:13:22 · 202 阅读 · 0 评论 -
HTML中的5种空格表示
1: ;它叫不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,在HTML中,如果用空格键来当做空格,不会累加的只算1个,要使用html实体表示才可累加,该空格占据宽度受字体影响。2:&ensp;半角空格,全称是En Space,en是字体排印学的计量单位,为&emsp;宽度的一半。根据定义,它等同于字体度的一半,例如10px字体中就...转载 2019-12-06 17:38:10 · 2110 阅读 · 0 评论