- 博客(8)
- 问答 (1)
- 收藏
- 关注
原创 详解transform:translate(-50%,-50%)
首先要理解元素居中的原理 transform:translate(-50%,-50%)也是同理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
2021-12-13 17:40:44
8344
1
原创 两个方块都绑定整个页面document可以吗
让红色方块随着鼠标的移动而移动,绑定的事件是div 鼠标是受系统监控的也就是说系统规定了鼠标一秒可以移动多少次 同时红色也受系统监听 系统对鼠标的监听的面积高于红色方块 所以 事件监听跟不上鼠标监听 经常鼠标移出方块了 方块还没监听到 但是在document上挪 怎么挪都挪不出去 div.onmousedown = function(e) { disX = e.pageX -parseInt( div.style.left); d
2021-12-11 08:51:19
526
原创 根据属性获取div
获取属性需要注意的问题1.要根据class属性拿出这个div时,document.getElementsByClassName(‘prop’)[0];一它是className 二后面需要跟上[0];因为class属性可能不止这一个不然就会出现 Cannot read property ‘addEventListener’ of undefined at的错误<!DOCTYPE html><html lang="en"><head> <meta c
2021-12-10 15:28:39
906
原创 web前端
今天做了蓝桥杯web应用开发模拟题——制作网站首页网页有内容,但是没有格式,需要自己写css,总结一下1.我犯了两个错误,一是自己写了通用代码 common.css没有加到网页上 即 这个浪费了很久时间二是没有注意到考试需求上要求页面宽度为1024px,没有设置body宽度导致提交的时候与要求的页面大相径庭2.这个题目是中等水平,整体给我感觉最难的是就是对浮动和定位的把控,每个部分的最大的盒子必须记得clearfix首先是头部部分我设置了右边部分为右浮动 再设置margin-right其次
2021-11-30 19:30:16
143
原创 元素居中 前端
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-11-26 21:12:53
199
原创 执行期上下文
题目 function a() { var num = 100; function b() { num ++; console.log(num); } return b; } var demo = a(); demo(); demo();var demo = a()
2021-11-23 15:22:29
147
原创 雪碧图 选择器优先级
想用雪碧图做星星评价效果css.star-grade .sameing { display: inline-block; width: 55px; height: 11px; background: url(../img/star.png) no-repeat left top/100%;} .star50 { background-position: 0 0; } .star45 { background-position: 0
2021-11-22 23:52:53
315
空空如也
怎么让div在页面居中
2021-12-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人