10 2015 档案

重置样式
摘要：首先写一个项目的时候需要有一个重置全局的样式，为了弥补各种浏览器的展现不同(1) 首先使用元素标签将每个元素的margin和padding的值改为0，让页面不会因浏览器默认设置不同而改变页边距和字边距；(2) 设置元素的字体颜色，字号大小等，可以规范整个项目网站的样式风格；(3) 设置其他元素的特定... 阅读全文
posted @ 2015-10-24 10:37 fnncat 阅读(148) 评论(0) 推荐(0)
语义化标签
摘要：html标签的设计都是有语义考虑的div division 分隔span span 范围ol ordered list 排序列表ul unordered list ... 阅读全文
posted @ 2015-10-23 10:46 fnncat 阅读(171) 评论(0) 推荐(0)
jQuery学习之动画
摘要：一，show()和hide()show()和hide()方法在不带任何参数的情况，相当于css(“display”，“none/block/inline”)，作用是立即隐藏或显示匹配的元素，不会有任何动画。如果需要带动画，可以向show()方法中，加入参数exp:$('#id').show("slo... 阅读全文
posted @ 2015-10-17 10:00 fnncat 阅读(156) 评论(0) 推荐(0)
jQuery学习之事件
摘要：一，加载DOM JavaScript中会使用window.onload，而在jQuery中则会使用$(document).ready()方法 这两个方法有什么不同呢？ 1.执行时机不同，对于window.onload方法是在网页所有的元素（包括元素的所有关联文件）完全 加载到浏览器后... 阅读全文
posted @ 2015-10-16 17:19 fnncat 阅读(157) 评论(0) 推荐(0)
jQuery学习之DOM操作
摘要：接着昨天的继续写，这几篇只是把看书的内容系统的在写一下。对dom的基本操作（1）查找结点查找元素节点查找属性节点 var $para=$("p"); var p_txt=$para.attr("title");（2）创建结点创建元素节点 var $li_test=$(""); $("ul").app... 阅读全文
posted @ 2015-10-15 11:02 fnncat 阅读(123) 评论(0) 推荐(0)
jQuery学习之选择器
摘要：最近又看了下《锋利的jQuery》,想系统的再整理下jQuery的有关知识选择器是jQuery的根基，事件处理，遍历DOM和Ajax操作都依赖于选择器，这次我们先从选择器说起。首先，现在的jQuery是支持CSS1到CSS3选择器 这里一共包含四大类：基本选择器、层次选择器、过滤选择器、表单选择器一... 阅读全文
posted @ 2015-10-14 17:52 fnncat 阅读(161) 评论(0) 推荐(0)
css3之其他的属性
摘要：1,自由缩放属性resize这个属性真的很好玩呢，允许用户可以通过拖动的方式来修改元素的尺寸来改变元素的大小。记住，得加浏览器的前缀适用对象：可以使用overflow属性的任何元素取值：none:不可以拖动both:可以修改元素的宽度和高度horizontal:只能修改宽度vertical：只能修改... 阅读全文
posted @ 2015-10-11 09:54 fnncat 阅读(182) 评论(0) 推荐(0)
css3之响应式
摘要：1,媒体查询使用css3中的媒体查询，可以让一个页面适用不同的终端（或屏幕尺寸），从而有更好的体验（Media Queries）有两个重要的部分，一个是媒体类型，第二个是媒体特性。媒体类型:css2中一个常见的属性，也是一个非常有用的属性，可以通过媒体的类型对不同的设备指定不同的样式。w3c中有10... 阅读全文
posted @ 2015-10-10 09:59 fnncat 阅读(177) 评论(0) 推荐(0)
css3之各种布局
摘要：首先，新增的布局属性需要添加各浏览器的私有前缀。-moz,-webidt,-ms,-o1，多列布局 ——cloumnscloumns:200px 3; 200px: 定义多列中每列的宽度 3：定义多列中的列数相当于 cloumns-width:200px; cloumns-count:3如果要调整列... 阅读全文
posted @ 2015-10-09 18:31 fnncat 阅读(570) 评论(0) 推荐(0)
css3之各种变形
摘要：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 阅读(373) 评论(0) 推荐(1)
使用闭包跨域开发
摘要：这段在看一本书，《编写高质量的代码》之改善JavaScript的188个建议，感觉还不错，写点儿笔记吧。今天再来说说，使用闭包的问题。闭包函数能够使用函数外定义的变量。其中它有两个特性，一个是封闭性，另一个则是持久性。封闭性体现在外界无法访问闭包内部ude数据，如果在闭包内声明变量，外界是无法访问的... 阅读全文
posted @ 2015-10-06 20:32 fnncat 阅读(288) 评论(0) 推荐(2)
css3之各种选择器
摘要：css3中新增的选择器可以简便许多样式。此次用了属性选择器，root,not,empty,target,first-child，last-child,ntn-child(n),ntn-last-child(n),first-of-type,nth-of-type(n),last-of-type,nt... 阅读全文
posted @ 2015-10-06 17:58 fnncat 阅读(179) 评论(0) 推荐(0)
css3之背景样式
摘要：css3中增加的背景相关的样式十分好用background-origin : 决定了背景在盒模型中的初始位置，提供了三个值，border，padding和content;background-clip: 决定了边框是否覆盖住背景，提供了两个值，border和padding;background-si... 阅读全文
posted @ 2015-10-05 20:17 fnncat 阅读(237) 评论(0) 推荐(0)
css3之导入特殊字体
摘要：其实这个我还没有找到合适的中文包如果谁有给我说下。给大家两个免费的字体下载网址http://typekit.com/https://www.google.com/fonts/http://webfonts.fonts.com/http://nicewebtype.com/@font-face{ ... 阅读全文
posted @ 2015-10-04 16:29 fnncat 阅读(382) 评论(0) 推荐(0)
css3之渐变色彩
摘要：色彩渐变 ： gradient（线性渐变 和 径向渐变）支持情况：IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+linear-gradient(to right,red,green) linear:渐变类型，radial为径向渐变to right ：渐变方向 ... 阅读全文
posted @ 2015-10-04 15:46 fnncat 阅读(215) 评论(0) 推荐(0)
模拟重载函数
摘要：小编以前写wp的，所有习惯了有函数的重载，根据参数的不同，而可以调用名称相同的函数，可是js中的function对象也是以属性的形式出现的，在一个对象中增加与已有的function同名的function时，旧的function对象则会被覆盖。= =。 那么怎么让js也可以有这种特性呢？js中，... 阅读全文
posted @ 2015-10-03 20:23 fnncat 阅读(175) 评论(0) 推荐(0)
zoom --css3属性
摘要：语法：zoom：normal ||默认值：normal适用于：所有元素继承性：有取值：normal：使用对象的实际尺寸。：用浮点数来定义缩放比例。不允许负值：用百分比来定义缩放比例。不允许负值说明：设置或检索对象的缩放比例。对应的脚本特性为zoom。兼容性：浅绿= 支持红色= 不支持墨绿= 部分支持... 阅读全文
posted @ 2015-10-02 09:51 fnncat 阅读(275) 评论(0) 推荐(0)
浮动与clear属性
摘要：其实浮动我是这么理解的，让某个元素，脱离原来的标准流，浮动在标准流之上，它拥有自己的浮动流，和标准流不是一个层次上的。首先呢，fnncat 来给建立四个有颜色的色块，为了方便理解他们浮动的具体位置。一，画四个色块，没有浮动。这是最开始的样子，div是块级元素，在页面中独占一行，自上而下排列，也就是传... 阅读全文
posted @ 2015-10-01 17:56 fnncat 阅读(365) 评论(1) 推荐(0)