-
练习了查看全部
-
因为CSS中存在一个margin collapse,即边界塌陷或者说边界重叠。对于 上下两个并列的div块而言,上面div的margin-bottom和下面div的margin- top会塌陷,也就是会取上下两者margin里最大值作为显示值,所以从这个 意义上说:CSS及浏览器的设计者们希望我们在布局时,如果遇到上下两个 并排内容块的安排,最好只设置其中每个块上或下margin的一处即可。w3s chool也规定:当两个垂直外边距相遇时,它们将形成一个外边距。合并后 的外边距的高度等于两个发生合并的外边距的高度中的较大者。 但对于父块DIV内含子块DIV的情况,就会按另一条CSS惯例来解释了,那 就是:对于有块级子元素的元素计算高度的方式,如果元素没有垂直边框和填 充,那其高度就是其子元素顶部和底部边框边缘之间的距离。所以对于代码: 1: <div class="father"></div> father这个div的高度为0,因为里面没有能够撑开div的内容。如果变为: 1: <div class="father">I am here.</div> 则高度就是文字的高度,因为此时文字在撑着这个DIV。 话说回来,一个DIV和它的子DIV特别重视垂直边框或填充,也就好像是, 一口锅,里面放个盆,能不能扣住里面的盆,主要看锅盖了,垂直边框或填 充就是这个“锅盖”。于是解决的方式至少有以下三种: 1、需要给父div设置边框,当然可以设置边框为透明: 1: border:1px solid transparent 2: 或 3: border-top:1px solid transparent 2、为父DIV添加padding,或者至少添加padding-top; 1: padding:1px 2: 或 3: padding-top:1px; /*必须大于0*/ 3、为父DIV添加overflow:hidden 1: over-flow:hidden;查看全部
-
css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值 transition主要包含四个属性值:执行变换的属性:transition-property,变换延续的时间:transition-duration,在延续时间段,变换的速率变化transition-timing-function,变换延迟时间transition-delay。 b.css("left",c).css('transition', 'all 1s');这表示所有属性发生变化持续时间为1秒查看全部
-
jquery实现图片轮动代码如下查看全部
-
javascript: 是一个伪协议,其他的伪协议还有 mail: tel: file: 等等。 <a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a> javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应。 一般在这种情况下,会给<a>绑定一个事件回调,来执行业务,如: document.getElementById('jsPswEdit').addEventListener('click', function(e) { e.preventDefault(); // 当<a>触发click时,处理业务 }, false);查看全部
举报
0/150
提交
取消