CSS深入理解vertical-align和line-height的基友关系

2015年08月30日 by 张 鑫旭 阅读 74470 次, 今日 155 次

CSS深入理解vertical-align和line-height的基友关系
本文深入探讨vertical-align和line-height之间的关系,属于中长篇,有很多其他地方看不到的知识点。实例效果就在文章页面上,因此,请使用合适的浏览器查看本文。截图丰富,源代码展示详尽,相信本文的内容会对您的学习有所帮助的。

阅读全文…

面向设计的半封装web组件开发(概要版)

2015年08月12日 by 张 鑫旭 阅读 22963 次, 今日 34 次

目前很多Team和团队都有自己的一套web组件体系,模块化开发,封装良好,上手简单。然后希望该web组件可以应用到接手的各个项目中,节约日后的开发成本。甚至考虑开源。
这其实是很棒的,但是呢,希望一套web组件各个项目通用?在我看来,除非对项目没有追求,否则不太现实。
但是呢,希望一套web组件各个项目通用?在我看来,除非对项目没有追求,否则就是妄想。
为什么说传统web组件想一统天下不现实呢?因为就像秦始皇一统天下一样,要牺牲很多很多东西…

阅读全文…

小tip:中文英文左右padding一致两端对齐实现

2015年08月7日 by 张 鑫旭 阅读 26746 次, 今日 47 次

不是什么稀奇的技术,很多很多年前自己就玩耍过。
之所以今天拿出来说一下,是因为今天几个小伙伴遇到类似问题,突然发现,一些自己觉得不怎么样的东西,说不定对别人而言会有很大帮助,于是我就打算放出去,希望可以帮助到有需要的小伙伴。
是个什么东西呢?
先看下图……

阅读全文…

博闻强识:了解CSS中的@ AT规则

2015年08月6日 by 张 鑫旭 阅读 14122 次, 今日 24 次

大家可能在CSS中见到过字符@然后加一些关键字的用法,这种用法就称之为AT规则。而本文的内容就是列举目前CSS中支持的或即将支持的一些CSS规则,让大家提前有个大致的了解和认识,希望对日后的工作与学习能够提供一些帮助!

阅读全文…

小tip: 使用SVG寥寥数行实现圆环loading进度效果

2015年07月31日 by 张 鑫旭 阅读 28972 次, 今日 50 次

本文内容如题。有Demo有截图有帅气的源代码展示,不过没有漂亮的妹子,但是这并不会影响你的学习。

阅读全文…

了不起的IE7浏览器-CSS新特性-实现与思维变革

2015年07月30日 by 张 鑫旭 阅读 12147 次, 今日 16 次

以前在我还需要兼容IE6浏览器的时候,我总觉得IE6和IE7浏览器是一个路子的一个货色,很多bug和行为表现是一致的。认为,要兼容IE7和兼容IE7基本上没多大差别。后来深入实践发现,之前的想法有些天真了。实际上,IE7浏览器下,我们也能实现很多好玩且有价值的东西……

阅读全文…

CSS1-CSS3 <color>颜色知识知多少?

2015年07月26日 by 张 鑫旭 阅读 15450 次, 今日 8 次

本文讲的是CSS1-CSS3 <color>颜色的一些知识,有些你可能知道,有些可能并不知道,算是对过往一些知识点的总结吧。无Demo,有截图,有源代码示意,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

字母’x’在CSS世界中的角色和故事

2015年06月28日 by 张 鑫旭 阅读 23817 次, 今日 23 次

首先,我们这里的字母'x'就是26个英文字母a,b,c,...中的x.

由于自身形态的一些特殊性,因此,这个小小的不起眼的字母担当大任,在CSS世界中扮演了一个重要的角色。

有人可能的第一反应是:“我知道,可以模拟关闭按钮的那个叉叉效果!”

这位同学思维很活跃,但是呢,本文所要介绍的字母'x'和CSS的关系不是奇巧淫技,而是正统的术语上的紧密联系……

阅读全文…

IE7浏览器下CSS属性选择器二三事

2015年06月20日 by 张 鑫旭 阅读 15712 次, 今日 14 次

虽然属性选择器是CSS3选择器的范畴,但是IE7浏览器很给力地支持,但是,嘴上说支持,实际上还有很多有意思的特性表现,这里,就以实例的形式给大家分享下,希望能对大家实际的工作有所帮助或启迪。

阅读全文…

小tip: 了解CSS3 text-decoration新特性新表现

2015年06月4日 by 张 鑫旭 阅读 22806 次, 今日 32 次

如题所示,了解CSS text-decoration新特性新表现,欢迎围观~ 下面是摘要:
然后,还有一个blink, 就是text-decoration:blink, 看名字似乎很霸气,不过我们好像很少见到,更明说使用了,为啥子?
首先,这个text-decoration的装饰效果是,闪烁。由于鄙人没见过,也不好描述具体是个什么效果。为什么我没有见过呢!我查了下资料,原来虽然此属性值躺在规范里,但是,木有浏览器支持这个效果。哦,抱歉,FireFox曾经是支持的,后来可能破坏了府里的规矩……

阅读全文…