摘要: 1.专有名词理解: line-height(行高):两条相邻基线之间的距离,有时为了方便,将相邻底线之间的距离作为行高 font-size(字体大小):顶线到底线之间的距离 行间距:行高减去字体大小就为行间距,会平均分成两部分,顶部一份,底部一份 2.行间距的理解 (1)line-height为固定 阅读全文
posted @ 2018-02-26 16:36 ITBoy-Men 阅读(250) 评论(0) 推荐(0) 编辑
摘要: position:absolute 当其父元素设置了relative定位时,子元素就相对于父元素定位,注意:相对于父元素的content(内容区:padding+width)定位,不包括父元素的border与margin 当父元素没有设置relative定位时,子元素相对于body定位 而子元素定位 阅读全文
posted @ 2018-03-09 10:32 ITBoy-Men 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 1.获取滚动条距离的API scrollLeft / scrollTop pageXOffset / pageYOffset 2.兼容性问题 Safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset ; 火狐等相对标准些的浏览器就省心多了,直接用 docu 阅读全文
posted @ 2018-03-08 20:52 ITBoy-Men 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 当margin的值为百分值时,与其父元素的宽度有关: 你会发现,父元素距离上面也有50px,将父元素设置overflow:hidden 就会消除 阅读全文
posted @ 2018-03-07 08:51 ITBoy-Men 阅读(177) 评论(0) 推荐(0) 编辑
摘要: float: 1.会导致高度塌陷 2.若float元素高度不一,会形成锯齿状 2.display:inline-block 注:每一行所有的inline元素与inline-block元素 会形成一个inline box ,该inline box的高度由inline 或inline-block元素的高 阅读全文
posted @ 2018-03-04 11:13 ITBoy-Men 阅读(185) 评论(0) 推荐(0) 编辑
摘要: Object.getOwnPropertyNames ( ) 返回该对象的所有的自身可枚举属性 与 不可枚举属性 但不包括Symbol值 组成的数组。 阅读全文
posted @ 2018-03-01 11:25 ITBoy-Men 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 1.replace: 作用对象:字符串 功能:用于替换字符串中的某些字符 参数:(1)正则表达式 (2)要替换的字符串 或者 回调函数 2.match: 作用对象:字符串 功能:获取指定的元素内容; 参数:字符串 或者 正则表达式 注:若为正则表达式,g 有很大作用 ;若有 g ,则检索全部;否则, 阅读全文
posted @ 2018-02-28 10:38 ITBoy-Men 阅读(1887) 评论(0) 推荐(0) 编辑
摘要: 1.offsetHeight / Width (只读) offsetHeight:表示该元素在垂直方向占用的空间大小,包含元素的高度+上边框高度+下边框高度 offsetWidth:表示该元素在水平方向占用的空间大小,包含元素的宽度+左边框宽度+右边框宽度 2.clientHeight / clie 阅读全文
posted @ 2018-02-17 10:58 ITBoy-Men 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 1.clientX / clientY 相对于可视窗口左上角,不包括菜单栏与滚动条 2.pageX / pageY 相对于网页左上角,不包括菜单栏,包括滚动条 3.offsetX / offsetY IE特有! 以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值。 4.scre 阅读全文
posted @ 2018-02-16 23:43 ITBoy-Men 阅读(357) 评论(0) 推荐(1) 编辑
摘要: 1 2 3 4 5 6 30 31 32 33 34 188 阅读全文
posted @ 2018-02-12 15:35 ITBoy-Men 阅读(136) 评论(0) 推荐(0) 编辑