摘要: 最近又看了下《锋利的jQuery》,想系统的再整理下jQuery的有关知识选择器是jQuery的根基,事件处理,遍历DOM和Ajax操作都依赖于选择器,这次我们先从选择器说起。首先,现在的jQuery是支持CSS1到CSS3选择器 这里一共包含四大类:基本选择器、层次选择器、过滤选择器、表单选择器一... 阅读全文
posted @ 2015-10-14 17:52 fnncat 阅读(152) 评论(0) 推荐(0)
摘要: 1,自由缩放属性resize这个属性真的很好玩呢,允许用户可以通过拖动的方式来修改元素的尺寸来改变元素的大小。记住,得加浏览器的前缀适用对象:可以使用overflow属性的任何元素取值:none:不可以拖动both:可以修改元素的宽度和高度horizontal:只能修改宽度vertical:只能修改... 阅读全文
posted @ 2015-10-11 09:54 fnncat 阅读(177) 评论(0) 推荐(0)
摘要: 1,媒体查询使用css3中的媒体查询,可以让一个页面适用不同的终端(或屏幕尺寸),从而有更好的体验(Media Queries)有两个重要的部分,一个是媒体类型,第二个是媒体特性。媒体类型:css2中一个常见的属性,也是一个非常有用的属性,可以通过媒体的类型对不同的设备指定不同的样式。w3c中有10... 阅读全文
posted @ 2015-10-10 09:59 fnncat 阅读(171) 评论(0) 推荐(0)
摘要: 首先,新增的布局属性需要添加各浏览器的私有前缀。-moz,-webidt,-ms,-o1,多列布局 ——cloumnscloumns:200px 3; 200px: 定义多列中每列的宽度 3:定义多列中的列数相当于 cloumns-width:200px; cloumns-count:3如果要调整列... 阅读全文
posted @ 2015-10-09 18:31 fnncat 阅读(562) 评论(0) 推荐(0)
摘要: css3中的变形Chrome和safai需前缀加-webkit-,Foxfire需加前缀-moz-1,旋转 rotate()div{ width: 300px; height: 300px; transform:rotate(20deg);}2,扭曲 skew()div { width: 30... 阅读全文
posted @ 2015-10-07 18:38 fnncat 阅读(365) 评论(0) 推荐(1)