摘要: 尽管人们期待屏幕显示技术有所改进,但CSS和HTML却只提供了少数的交互设计控制,而且还只是双向状态的而非渐进状态,如:一个链接只能是一种颜色或另一种颜色,文本域只能是一种尺寸或另一种尺寸,一幅照片要么透明要么不透明。没有从两种状态的之间的部分,即没有过渡。 这种不优雅的切换效果使很多页面让人感觉突兀。虽然我们可以用DHTML和jQuery来实现过渡效果,但这需要很多代码来实现原本很简单的事情。 在这篇文章中,我们用一种简洁的方法来给页面增加过渡效果,你将会发现CSS ransitions的一些有用的信息以及如何使用它们。 阅读全文
posted @ 2011-09-28 21:48 愁容骑士FFF 阅读(1371) 评论(0) 推荐(1) 编辑
摘要: animation对应的CSS属性列表: animation-name 动画的名称。 animation-duration 定义动画播放一次需要的时间。默认为0; animation-timing-function 定义动画播放的方式,参数设置类似transition-timing-function animation-delay 定义动画开始的时间 animation-iteration-count 定义循环的次数,infinite即为无限次。默认是1。 阅读全文
posted @ 2011-09-28 21:44 愁容骑士FFF 阅读(542) 评论(0) 推荐(0) 编辑
摘要: 尽管 HTML5 规范在 2014 年之前不会有正式版本,很多设计师已经开始试水高级浏览器已经支持的部分 HTML5 功能。HTML5 为 Web 设计和应用开发打开了一扇全新的门,原生支持了以前只可能使用 JavaScript 或 Flash 实现的东西。这里收集了学习 HTML5 的 175 个参考资源,包括教程,框架,示例等。基本上算是 HTML5 葵花宝典了吧? 阅读全文
posted @ 2011-06-20 20:30 愁容骑士FFF 阅读(637) 评论(0) 推荐(0) 编辑
摘要: float是网页布局中都要使用的css属性,他为我们灵活布局提供了方便,但同时浮动太多会带来很多麻烦,所以我通常的做法是使用float完后,马上清除他。float的本质是脱离的正常的html文档流,就是由于他脱离的文档流才出现了很多麻烦。 清除浮动(我更喜欢叫闭合浮动元素)的最简单的方法就用加入空的标签,但是这种不够语义化,也显得不是很灵活,每次都要加额外的 html。于是有人就想到css里面有一个:after的,这样就不需要加入额外的html了,完全由css完成,于是就有了下面这段比较经典的css代码: .clear:after{ content:" "; display:block; height:0; clear:both; visibility:hidden;} 阅读全文
posted @ 2011-03-21 11:59 愁容骑士FFF 阅读(584) 评论(1) 推荐(0) 编辑
摘要: IE6 png 透明 (三种解决方法)(转来的哦) FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 ============================================================================= 此效果简单,。。。。相当不错 推荐 阅读全文
posted @ 2011-02-23 16:31 愁容骑士FFF 阅读(738) 评论(0) 推荐(0) 编辑
摘要: by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=471 一、匆匆带过的概念 关于CSS中层级z-index的定义啊什么的不是本文的重点,不会花费过多篇幅详细讲述。这里就简单带过,z-index伴随着层的概念产生的。网页中,层的概念与photoshop或是flash中层的概念是一致的。熟悉 photoshop或是flash的应该知道,层级越高(图层越靠上),越在上面显示,如果层发生重叠,层级高的会覆盖层级低的,如果非透明或半透明,则会遮挡。 阅读全文
posted @ 2011-02-23 16:15 愁容骑士FFF 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 有人工作,有人上学,大家千万不要错过这篇文章,能看到这篇文章也是一种幸运,真的受益匪浅,对我有很大启迪,这篇文章将会改变你我的一生,真的太好了,希望与有缘人分享,也希望对有缘人有所帮助!看完之后有种“相见恨晚”的感觉,特别激动,希望大家好好的珍藏这篇文章,相信多年以后,再来看这篇文章,一定有不同的感觉。 正如"打工皇帝"唐骏说:"我觉得有两种人不要跟别人争利益和价值回报。第一种人就是刚刚进入企业的人,头5年千万不要说你能不能多给我一点儿工资,最重要的是能在企业里学到什么,对发展是不是有利……" 阅读全文
posted @ 2010-06-14 11:42 愁容骑士FFF 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 周六参加web交流会www.w3ctech.com ,获益匪浅。开发中只是使用YSlow 的Grade评级进行web站点优化,却没有发现,其实YSlow的Tools也相当强大。 这里,我就现学现卖。讲讲使用YSlow的Smush.it 进行web图片的优化。 1. 首先,还是使用前端开发的不可缺少的利器--FireFox 浏览器。安装上YSlow--Add-ons 阅读全文
posted @ 2010-06-01 10:21 愁容骑士FFF 阅读(650) 评论(0) 推荐(0) 编辑
摘要: 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为 jquery对象(集合对象),不能直接调用dom定义的方法。 阅读全文
posted @ 2010-05-29 22:44 愁容骑士FFF 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 本文提供即刻提升你的脚本性能的十个步骤。不用担心,这并不是什么高深的技巧。人人皆可运用! 这些技巧包括: 1. 使用最新版本 2. 合并、最小化脚本 3. 用for替代each 4. 用ID替代class选择器 5. 给选择器指定前后文 6. 建立缓存 7. 避免DOM操作 8. 避免使用concat(),利用join()处理长字串 9. 返回false值 10. 利用小抄和参考文档 阅读全文
posted @ 2010-05-28 13:48 愁容骑士FFF 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心得 CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不得不使用浏览器厂商指定扩展。 阅读全文
posted @ 2010-05-28 12:08 愁容骑士FFF 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 原文:Efficiently Rendering CSS 我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢,浏览器渲染的速度又如何呢? 这是应该是浏览器开发者应该关心的(页面加载更快,用户就会更愉快)。Mozilla有一篇文章: about best practices . Google 当然也很关心这个问题,他们也有这样一篇文章:Optimize browser rendering 。 让我们了解下他们主要倡导的东东,然后讨论他们的实用性。 阅读全文
posted @ 2010-05-25 23:46 愁容骑士FFF 阅读(249) 评论(0) 推荐(0) 编辑
摘要: javascript操作dom 建立 增加 删除 克隆 访问节点,不知道说法是不是这么样,没有系统的学javascript,只是用时才去网上了解一些资料,最近用到一个在某固定表格或div内增加删除 div的功能,于是就有了这篇“javascript操作dom 建立 增加 删除 克隆 访问节点” 阅读全文
posted @ 2010-05-24 01:53 愁容骑士FFF 阅读(1057) 评论(0) 推荐(1) 编辑
摘要: 1.通配选择符 语法: * { sRules } 说明: 通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。 假如通配选择符不是单一选择符中的唯一组成,“*”可以省略。 示例: 阅读全文
posted @ 2010-05-24 01:06 愁容骑士FFF 阅读(189) 评论(0) 推荐(1) 编辑
摘要: 看到淘宝网页中这样写使用的是import,而很多网站都是使用link,当然还有一些页面比较简单,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区别?css用import还是link好?从经典论坛和另外一个网站大概了解了一下 阅读全文
posted @ 2010-05-24 00:55 愁容骑士FFF 阅读(350) 评论(0) 推荐(1) 编辑