摘要: 什么是等高布局?先来看一个案例:上图中的页面的主体内容是两列结构,左列是用来导航的,右列是用来显示内容的。我们看到它们有一个共同的边框,中间还有一条分隔线,左右两列的高度都是不固定的。这种情况下就需要两列的高度保持一致了,左边高度增加,右边也跟着增加,右边高度增加,左边同样也要增加,否则就会出现“断... 阅读全文
posted @ 2015-04-27 11:24 Bestend 阅读(129) 评论(0) 推荐(0) 编辑
摘要: #cicle { width: 100px; height: 100px; background-color: #000; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }实验表明bor... 阅读全文
posted @ 2015-04-27 11:19 Bestend 阅读(1874) 评论(0) 推荐(0) 编辑
摘要: 当某个元素的margin左负值,超过自身的宽度时,这个元素会和上一个同级块级元素发生重叠。 这时候继续增大margin左负值,该元素会逐渐从右往左移动。然后通过相对定位,就可以实现圣杯布局了。来自: http://blog.csdn.net/cui_angel/article/details/83... 阅读全文
posted @ 2015-04-27 11:17 Bestend 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 1. 负边距对由文档流控制的元素的作用是,会使它们在文档流中的位置发生偏移,但这种偏移不同于相对定位,通过相对定位偏移后,其仍然会坚守着它原来占据的空间,而通过负边距移动后的元素,其原来的空间会被后来的元素占据。注意:负margin不会使元素脱离文档流。2. 在文档流中,元素的最终边界是由m... 阅读全文
posted @ 2015-04-27 11:16 Bestend 阅读(205) 评论(0) 推荐(0) 编辑
摘要: :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n可以是数字、关键词或公式。p:nth-child(2) 可以理解为:如果 p 的父元素的第2个子元素是 p,那么为这个 p 单独设置样式注意:括号里面是从1开始的使用公式 (an+b)。描述:表示周期的长度,n ... 阅读全文
posted @ 2015-04-27 11:16 Bestend 阅读(415) 评论(0) 推荐(0) 编辑
摘要: 像 ul >li>a>img 这种情况,需要在鼠标放到图片上显示遮罩层,鼠标离开图片隐藏遮罩层时,注意遮罩层的覆盖问题,也就是触发事件的元素不能是img,否则鼠标放到img上触发事件,遮罩层显示,这时候遮罩层会盖住img从而导致鼠标离开事件不执行或有错。可以把触发事件的元素设置为遮罩层的父级元素,比... 阅读全文
posted @ 2015-04-27 11:15 Bestend 阅读(143) 评论(0) 推荐(0) 编辑
摘要: $("#content").attr("style","width:50px;color:red")//设置style属性的值$("#content").css({"width":"50px","color":"red"})//也是设置style属性的值这二句是等价的,attr指向的是签标的属性,s... 阅读全文
posted @ 2015-04-27 11:14 Bestend 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 对于Number()和paerseInt()"a1231" 两者都是NANnull 前者为0,后者为 NANundefined 两者都是NAN空字符串 前者为0,后者为NANBoolean值 前者为0/1,后者为NAN 阅读全文
posted @ 2015-04-27 11:13 Bestend 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 1. 专门用于转换字符串2. 自动忽略字符串前面的空格3. 第一个字符不是数字或符号:NAN4. 空字符串:NAN5. null和undefined:NAN6. Boolean值:NAN7. 如果没有制定进制参数,按以下规则进行 如果字符串以'0x'开始,视为16... 阅读全文
posted @ 2015-04-27 11:12 Bestend 阅读(246) 评论(0) 推荐(0) 编辑
摘要: slice() 是创建一个新的数组(所以不能 array.slcie(1,4)这样用 必须 var a = array.slice(1,4) 这样赋给一个变量吗? ),并且这个例子的返回值是 数组的 1 到 3(没有4)项splice() 是在原数组上进行操作,因此可以是 array.... 阅读全文
posted @ 2015-04-27 11:11 Bestend 阅读(296) 评论(0) 推荐(0) 编辑