代码改变世界

高手总结的CSS执行顺序及其优先权问题汇总

2014-03-18 19:20 by 盛世游侠, 5133 阅读, 0 推荐, 收藏, 编辑
摘要:今天在看一本书时又看到了”CSS优 先权“这个问题,感觉这个问题还是比较重要的,也算是样式的特异性吧,尤其是在面对较多、较深层、较复杂的样式属性时,理解CSS的加权计算方法对于重写 样式属性之类的问题都会迎刃而解。那么接下来我就把CSS的执行顺序及其优先权问题做一个小小的总结吧。1、CSS的执行顺序在说CSS的执行顺序之前首先让我们看一下CSS的几种使用方式:·外联样式表通过语句 导入CSS样式文件·内联样式表直接在里面写入内嵌样式表直接在HTML里面写入CSS样式(虽然不提倡这么做,但在这里为了说明问题还是要提一下),如: BeyondWeb.cn-记录与分享前端开发的点 阅读全文

最常用的CSS技巧收集笔记

2014-03-18 18:37 by 盛世游侠, 177 阅读, 0 推荐, 收藏, 编辑
摘要:最常用的CSS技巧 阅读全文

常用CSS缩写语法总结

2014-03-18 18:32 by 盛世游侠, 192 阅读, 0 推荐, 收藏, 编辑
摘要:使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1;property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,botto... 阅读全文

CSS浏览器兼容问题集-第一部分

2014-03-18 18:26 by 盛世游侠, 224 阅读, 0 推荐, 收藏, 编辑
摘要:CSS对浏览器的兼 容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于 web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声名.CSS技巧1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px;然后插入文字,就垂直居中了。缺点是要控制内容不要换行2.margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的.. 阅读全文

用CSS截断字符串

2014-03-18 18:14 by 盛世游侠, 912 阅读, 0 推荐, 收藏, 编辑
摘要:用CSS截断字符串,结尾显示...省略号 阅读全文

发布一款仿天猫产品放大镜JQuery插件

2014-03-18 17:52 by 盛世游侠, 960 阅读, 1 推荐, 收藏, 编辑
摘要:仿天猫放大镜JQuery插件 阅读全文

JS中的prototype

2013-11-27 09:51 by 盛世游侠, 188 阅读, 0 推荐, 收藏, 编辑
摘要:JS中的phototype是JS中比较难理解的一个部分本文基于下面几个知识点:1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。2 javascript的方法可以分为三类:a 类方法b 对象方法c 原型方法例子:functionPeople(name){this.name=name;//对象方法this.Introduce=function(){alert("Mynameis"+this.name);}}//类方法People.Run=functi 阅读全文

前端开发者使用JS框架的三个等级

2013-11-26 18:01 by 盛世游侠, 348 阅读, 0 推荐, 收藏, 编辑
摘要:目前前端开发者使用JS框架是种很普遍的现象,因为框架可以加快开发速度,同时避免各类浏览器的兼容性问题。不过同样是用框架开发,不同开发者的境界水平还是有一定差距,本文将这些前端开发者分为三个等级。第一种境界:了解各类框架、并熟悉甚至精通某种框架的使用,但并未看过框架代码、或者并不理解框架核心细节的实现,甚至不清楚框架的设计原理、基本思想、适用场景。这类人的编程思路始终限制在”特定框架“的范围内,尽管能使用框架写出满足需求的代码。这种人停留在”会用“框架的阶段,他们很在乎各种框架的比较,且一定要对框架分出三六九等。这些人写代码的思路始终没有离开”功能实现“。第二种境界:精通各类框架,熟读各类框架源 阅读全文

jQuery.extend函数详细用法!

2013-11-25 17:23 by 盛世游侠, 208 阅读, 0 推荐, 收藏, 编辑
摘要:最近在研究jQuery。把jQuery.extend扩展函数的用法记录下来。1、扩展jQuery静态方法.1$.extend({2test:function(){alert('test函数')}3})用法: $.test()2、合并多个对象.为jQuery.extend(css1,css2)为例,css1,css2个有一些属性(法照样会比处理,这里之讲属性).extend函数会把css2有而css2没有的属性加到css1中,如果css2的某个属性与css1的某个属性名称享用,就会用css2的属性去覆盖css1的同名属性。css1就是最后的整和对象。或者也可以用 :var new 阅读全文

关于 jQuery中 function( window, undefined ) 写法的原因

2013-11-15 16:59 by 盛世游侠, 578 阅读, 0 推荐, 收藏, 编辑
摘要:今天在读 jQuery 源码的时候,发现下面的写法:(function(window,undefined){ ...// code goes here})(window);window 作为参数传递肯定是没问题, 表示 BOM 浏览器对象模型中的 window 对象。但是这里为什么会有一个名为 undefined 的形参呢?起初的时候很不理解。去技术群请教了一下,才真正理解了这里的原因。原来,Javascript 中的 undefined 并不是作为关键字(全部Javascript关键字列表)出现的。因此可以允许用户对其赋值。例如:varundefined='myValue'; 阅读全文