- 博客(7)
- 收藏
- 关注
RSS订阅原创 js实现简单放大镜功能
1、offsetLeft,offsetTop,offsetWidth,offsetHeight,event.clientX,event.clientY 2、offsetLeft与style.left的区别 补充：xxx.style.xxx只能获取行内样式，若行内没有定义，则获取到空字符串。 3、放大镜功能实现的核心逻辑 var _event = window.event; ...
2019-08-04 15:53:51
365
转载 CSS3中的transform中的skew（）属性
CSS3的transform中的skew（）属性坐标系和数学中的坐标系完全不一样（设置斜切原点为左上角） 当设置元素为transform:skew（0，30deg）；元素是按照水平方向Y轴，顺时针旋转的，如下图 设置前： 设置后： 当设置元素为transform:skew（30deg，0）；是按照垂直方向X轴，逆时针旋转的，如下图 设置前： 设置后： ...
2019-07-08 17:01:52
7335
2
原创 2019-7-7学习总结
1、各个浏览器兼容前缀 2、transform:rotate();对内联元素无法生效。 3、margin是根据父元素的x、y轴进行移动的。 4、[属性名称]：可以找到含有该属性的元素。 5、:after添加的内容是内联元素，其中content的取整可以是" "字符串、attr(属性名称)即对应属性的属性值。 6、a + b 可以找到紧接着a元素后面的b元素，只能找到一个。 7、a ...
2019-07-08 09:19:15
179
转载 焦点图插件——myFocus
Step 1. 在html的标签内引入相关文件 <script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus库--> <script type="text/javascript" src="js/mf-pattern/slide3D.js">...
2019-07-06 21:28:31
212
原创 个人笔记——清除浮动的几种方法
构成Block Formatting Context的元素可以清除内部元素的浮动，那么Block Formatting Context是什么呢?(下次补充) 构成Block Formatting Context的方法有下面几种： float的值不为none。overflow的值不为visible。display的值为table-cell, table-caption, inline-block...
2019-07-05 17:02:29
159
原创 CSS三列布局之宽度自适应
1、html <div class="left">left</div> <div class="main">设计首页的第一步是设计版面布局。就象传统的 报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。 虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的 网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的， 你可以...
2019-07-05 14:18:15
187
转载 个人笔记-css实现盒子模型水平居中和垂直居中
CSS实现盒子模型水平居中的方法 1、margin+width 适用于盒子的宽度是已知的 <div class="parent"> <div class="child"></div> </div> .child { width: 50px; margin: 0 auto; } 2、text-al...
2019-06-30 14:47:28
1008
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人