个人笔记
qq_40323079
这个作者很懒,什么都没留下…
展开
-
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 · 137 阅读 · 0 评论 -
CSS3中的transform中的skew()属性
CSS3的transform中的skew()属性坐标系和数学中的坐标系完全不一样(设置斜切原点为左上角)当设置元素为transform:skew(0,30deg);元素是按照水平方向Y轴,顺时针旋转的,如下图设置前:设置后:当设置元素为transform:skew(30deg,0);是按照垂直方向X轴,逆时针旋转的,如下图设置前:设置后:...转载 2019-07-08 17:01:52 · 7185 阅读 · 2 评论 -
个人笔记-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 · 962 阅读 · 0 评论 -
CSS三列布局之宽度自适应
1、html<div class="left">left</div><div class="main">设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。 虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的,你可以...原创 2019-07-05 14:18:15 · 150 阅读 · 0 评论 -
个人笔记——清除浮动的几种方法
构成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 · 115 阅读 · 0 评论 -
焦点图插件——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 · 174 阅读 · 0 评论 -
js实现简单放大镜功能
1、offsetLeft,offsetTop,offsetWidth,offsetHeight,event.clientX,event.clientY2、offsetLeft与style.left的区别补充:xxx.style.xxx只能获取行内样式,若行内没有定义,则获取到空字符串。3、放大镜功能实现的核心逻辑var _event = window.event;...原创 2019-08-04 15:53:51 · 325 阅读 · 0 评论