文章关键字 ‘继承’

简单了解CSS3的all属性

2016年03月24日,星期四

all属性实际上是所有CSS属性的缩写,表示,所有的CSS属性都怎样怎样,但是,不包括unicode-bidi和direction这两个CSS属性。

为什么会有这个CSS属性呢?

我们可能知道,有些CSS属性值基本上所有CSS属性都有,比方说继承inherit!

我们CSS reset输入框的时候,是不是有类似这样的代码…

阅读全文…

CSS中height:100%和height:inherit的异同

2015年02月15日,星期日

不知大家有没有相关CSS中height:100%和height:inherit的有什么异同?是否可以替换使用?height:inherit的价值在哪里?

本文就将回答这一系列问题,同样的,有截图,有demo,还有必要的源代码展示,总之希望本文的内容对您的学习有所帮助。

阅读全文…

SVG图标颜色文字般继承与填充

2014年07月22日,星期二

前文介绍了SVG Sprites身材和内涵,顺大便客观的评价了SVG Sprites比font-face高几层楼的事实(看看外国同行的对比)。但是呢,人总是这样,总是容不得说自己现在使用东西的不好。于是乎,不经意间戳动了点小小的自尊。导致文章也没细读就大肆反驳:SVG图标颜色要内联设置,不像font-face那样好控制!而且还不只一位兄弟这么说。
其实呢,我并不忍心说实话的:SVG图标颜色控制要比font-face有过之而无不及……

阅读全文…

jQuery诞生记-原理与机制

2013年07月17日,星期三

网上也有其他一些介绍jQuery原理或机制的文章,可能当事人自己理解,而阅读者本来就不懂,说来说去,越说越绕,可能更不懂了。

jQuery是很优秀,好比身为灵长类的人类。但是,其诞生显然是从简单开始的。因此,要了解人类,可以通过追溯其起源。如果你是上帝,要让你造一个人,你会怎么造,是一口气出来?女娲造人还要捏泥人呢!不妨从单细胞生物开始,随着自然进化,淘汰,自然而然,就会出现人类,上帝他就是这么干的。

jQuery的诞生也大致如此,要想了解jQuery,可以试试踏着本文jQuery的成长足迹,一点一点逐步深入,您就会了解为何jQuery要这么设计,它是如何设计的等。

虽然,内容由浅及深,但是,其中涉及的原型以及new构造函数的一些特性,对于新人而言,还是有一些理解门槛的,希望我的描述与解释可以让你有一丝豁然开朗,那就再好不过了。

阅读全文…

漫谈js自定义事件、DOM/伪DOM自定义事件

2012年04月1日,星期日

js自定义事件、DOM自定义事件
最近文章产量虽多,但大多都是短篇。本文断断续续折腾了差不多有一周,现在终于出炉了。主要是介绍了JS的自定义事件以及如何在DOM元素上自定义事件。循序渐进,娓娓道来,纯粹JS知识与理论。详尽的代码展示,制作精良的demo测试页面,必要的截图示意,相信本文的内容会对您的学习有所帮助的(如果你对JS有兴趣的话),不信?读一读就知道了。

阅读全文…

小tip: CSS后代选择器可能的错误认识

2012年03月19日,星期一

本文通过几个简单的实例,介绍在CSS后代选择器上,一些同行可能存在的一些错误认识。虽是短篇,但是源代码展示,必要的demo页面以及效果截图俱全。希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS项目Minimum Page简单介绍

2011年09月1日,星期四

Minimum Page项目的终极产物形式就是个CSS文件。我们都知道CSS reset重置的终产物也是个CSS文件,只是里面的样式无论在各个浏览器中是否有差异都是置为0,或normal之类。
而这里Minimum Page项目:
1. base.css文件只针对各个浏览器下有差异的元素进行样式定义(例如……

阅读全文…

翻译 – CSS继承详解

2010年07月29日,星期四

老外的演示文档简单生动有趣,以前企鹅团队层翻译过一篇过于line-height的文档,很是不错,我是从中学到了不少东西。这两天,我也抽空翻译个风格类似的文档,是关于CSS继承的,虽然内容比较基本,但是看看还是会有不少帮助的。学习腾讯团队的做法,我也将翻译编辑好的PDF传到了slideshare上,以方便大家的分享与学习。

阅读全文…

MooTools和jQuery库继承实现class切换对比

2010年07月22日,星期四

本文以通过class切换,实现简单的鼠标悬停效果为实例,展示下MooTools和jQuery库实现继承的差异。通过两者的对比来帮助对这两个库的理解,对于绝大多数同行而言,可能更熟悉jQuery多点,通过对比,可以更好的了解MooTools的思想行为以及一些使用等。

本文提供截图,代码展示,以及源文件打包下载,希望能对您的学习有所帮助。

阅读全文…