`
shuaigg.babysky
  • 浏览: 571465 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论
文章列表

background-position

    博客分类:
  • css
向右 和 向下 都是 -的 px 向左 和 向上 都是 +的 px
(1)文本节点的data属性代表文本节点的内容。 (2)文本节点含有方法splitText,用来将一个文本节点变成2个文本节点,接受参数为数字,数字代表从第几个字符开始分成2个节点,返回的是后面的节点。 (3)cloneNode这个东西不加参数的时候firefox上面会报错     false不克隆节点里面所有的子节点     true    克隆节点里面所有的子节点 (4)string(str)的match方法返回的结果中含有index属性,代表为在字符串str中匹配出来的内容的开始的位置  
一个节点绑定了mousedown 和 click     则 mousedown return false 不会影响到 click  
clientLeft 代表左边边框的宽度 clientTop 代表右边边框的宽度
;(function($) { $.extend({ hash : function(name , value) { function isString(str) { return typeof str == 'string' && Object.prototype.toString.call(str) === '[object String]'; } if(!isString(name) || $.trim(name) == '') return; var reg = new RegExp("[&|#]&qu ...
css expression 表达式被ie6,ie7支持。 ie8上面,如果有标准头,则不支持            如果没有标准头,则支持     setExpression一样,只不过是在js里面设置     div.style.setExpression('width'  , 'xxxxxxxxxxx');   除了ie外,其他的浏览器均不支持。

position : fixed

    博客分类:
  • css
除了ie,其他浏览器正常支持   ie中 , ie6绝对不支持   ie7,ie8当使用了标准头的时候支持 当没有使用标准头的时候不支持
clientWidth 指的是实际内容宽度 + padding   offsetWidth 指的是实际内容宽度 + padding + border     还有一个区别     如果是ie的话,没有给元素设置高度时,取得clientWidth和clientHeight将为0。 如果不是ie的话,则都能返回正确的值。   offsetWidth则没有这些毛病,都能够正确的返回值       使用标准头的时候,css width定义的就是内容宽度 不适用标准头的时候,css width定义的是padding + border + 内容宽度

z-index

    博客分类:
  • css
z-index 的几个特点 1.static元素不用对z-index属性做明确定义,定义会自动完成,后面的元素的z-index 默认比前面的高 2.可以通过强制指定z-index来调增元素在z轴上的排列顺序 3.为后代元素强制指定的z-index属性将被忽略,因为后代元素的z-index值一定比父元素 以及祖先元素的z-index高。

ie不同版本hack

    博客分类:
  • css
color:yellow\9    ie8专用   #color:blue        ie7专用   _color:red          ie6专用   *color:purple     ie8一下专用
使用标准头时,css中的高度和宽度表示的是实际内容的高度 不使用标准头时,css中的高度和宽度表示的是实际内容的高度+padding+border   offsetWidth , offsetHeight  不管使用的是什么头,返回的都是元素的实际内容的高度和宽度 + padding + border 的总和。       clientTop , clientLeft 表示的是元素的border的宽度 上边框        左边框
除ie8以外的任何浏览器上返回的值是undefined.   ie8上面如果页面没有标准头的话,返回值为5。   ie8上面如果页面有标准头的话:   将返回7或者8,确定使用的是ie7渲染模式或者是ie8渲染模式。      
可以使用这样的css body {background:url('javascript:false') fixed;} div {position:fixed;top:0;left:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop))}       注意: 其中如果页面是标准模式,那么需要使用document.documentElement       如果页面是quirk模式,那么需要使用的document.body     如果定位到bottom 和 right的话, ...
1.相对定位的元素类似静态定位,其元素保持在正常的文本流中。 2.相对定位元素可以用作绝对定位元素的参考点。 3.相对元素可以接受4种偏移属性的组合方式:top,left,right,bottom。 4.相对定位的元素优先级比静态元素的优先级高,相当于在z轴上的位置比静态元素高。

清除浮动

    博客分类:
  • css
1.最常用的 .clear {clear:both;overflow:hidden;height:0;border:none;} 2.如果父元素允许overflow为hidden .clearfix {zoom:1;overflow:hidden;} 3.如果不考虑ie6 .fix {zoom : 1}.fix:after {content:'.';display:block;visibility:hidden;clear:both;line-height:0;}
Global site tag (gtag.js) - Google Analytics