摘要:
做js滚动条遇到的问题 要达成的效果:当我拖拽的时候,滚动条随我的鼠标拖动,松开时,滚动条不再跟随鼠标,(跟浏览器滚动条一样) 但是 当我按下鼠标选中滚动条,然后将鼠标移除浏览器外,再移回来,那么鼠标松开后,滚动条将跟随鼠标运动,只有再点击一下屏幕才会停止,怎么解决呢? 我加了这句话,意思是禁止用户 阅读全文
摘要:
Margin 关于margin能想到的知识点 1. 兄弟元素都有margin值,是怎么计算的? 2. 父元素子元素都有margin值是怎么计算的? 3. Margin的百分比表示基于谁的? 4. Margin什么情况系不会起作用? 5. Margin是否能和float公用? 垂直方向上: 两个元素都 阅读全文
摘要:
Position总结 关于position我目前能想到的知识点: Position:absolute(绝对定位): 问题 解答 对于这个问题有测试了几次,发现只要设置了position:absolute就脱离文档流 3. 基于static以外的第一个父元素的宽度(width)或者高度(height) 阅读全文
摘要:
任务3:三栏式布局 就是这个样子 。总结: 思路就是三个div,前两个浮动,第三个设置margin-left,margin-right值这样就可以实现这样的效果,我在做的过程中遇到的问题: 三个div比如 头像部分class=head,个人logo部分class=person,内容部分class=c 阅读全文
摘要:
rem是指相对于根元素的字体大小的单位(相对单位) rem和em的区别,em相对于父元素的字体大小的单位。rem相对于根元素html字体大小计算, px是一个绝对的单位。 所以rem可以实现强大的屏幕适配布局 例如: 所以在做移动端适配的时候就要根据不同分辨率设置font-size的值,做法: 阅读全文
摘要:
getBoundingClientRect 方法 有6个属性 top 、bottom、right、left、width和height ie9以下浏览器只支持 getBoundingClientRect 方法的 top 、bottom、right、left属性; ie9 和其它浏览器支持 getBou 阅读全文
摘要:
mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件(冒泡)。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。 mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事 阅读全文
摘要:
利用display:table-cell;实现两栏自适应布局 这样当class=‘t’的大小改变时候也会自适应,IE7不支持table-cell,解决办法 *display:inline-block;可以实现同样的效果 float是脱离文档流的!浮动元素不占据空间 display:table-cel 阅读全文
摘要:
each() 方法规定为每个匹配元素规定运行的函数。 阅读全文
摘要:
url模块 我们可以使用.parse方法来将一个URL字符串转换为URL对象,示例如下。 1. URL各部分说明 返回的结果为: parse函数的第三个参数也是布尔类型的,当参数为true,解析时会将url的”//”和第一个”/”之间的部分解析为主机名,示例如下: 返回的结果: format方法允许 阅读全文