愁容骑士FFF

摘要： 尽管人们期待屏幕显示技术有所改进，但CSS和HTML却只提供了少数的交互设计控制，而且还只是双向状态的而非渐进状态，如：一个链接只能是一种颜色或另一种颜色，文本域只能是一种尺寸或另一种尺寸，一幅照片要么透明要么不透明。没有从两种状态的之间的部分，即没有过渡。 这种不优雅的切换效果使很多页面让人感觉突兀。虽然我们可以用DHTML和jQuery来实现过渡效果，但这需要很多代码来实现原本很简单的事情。 在这篇文章中，我们用一种简洁的方法来给页面增加过渡效果，你将会发现CSS ransitions的一些有用的信息以及如何使用它们。 阅读全文

摘要： animation对应的CSS属性列表： animation-name 动画的名称。 animation-duration 定义动画播放一次需要的时间。默认为0； animation-timing-function 定义动画播放的方式，参数设置类似transition-timing-function animation-delay 定义动画开始的时间 animation-iteration-count 定义循环的次数，infinite即为无限次。默认是1。 阅读全文

摘要： 尽管 HTML5 规范在 2014 年之前不会有正式版本，很多设计师已经开始试水高级浏览器已经支持的部分 HTML5 功能。HTML5 为 Web 设计和应用开发打开了一扇全新的门，原生支持了以前只可能使用 JavaScript 或 Flash 实现的东西。这里收集了学习 HTML5 的 175 个参考资源，包括教程，框架，示例等。基本上算是 HTML5 葵花宝典了吧？ 阅读全文

摘要： float是网页布局中都要使用的css属性，他为我们灵活布局提供了方便，但同时浮动太多会带来很多麻烦，所以我通常的做法是使用float完后，马上清除他。float的本质是脱离的正常的html文档流，就是由于他脱离的文档流才出现了很多麻烦。 清除浮动（我更喜欢叫闭合浮动元素）的最简单的方法就用加入空的标签，但是这种不够语义化，也显得不是很灵活，每次都要加额外的 html。于是有人就想到css里面有一个：after的，这样就不需要加入额外的html了，完全由css完成，于是就有了下面这段比较经典的css代码： .clear:after{ content:" "; display:block; height:0; clear:both; visibility:hidden;} 阅读全文

摘要： IE6 png 透明 (三种解决方法)(转来的哦) FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 ============================================================================= 此效果简单，。。。。相当不错 推荐 阅读全文

摘要： by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=471 一、匆匆带过的概念 关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页中，层的概念与photoshop或是flash中层的概念是一致的。熟悉 photoshop或是flash的应该知道，层级越高（图层越靠上），越在上面显示，如果层发生重叠，层级高的会覆盖层级低的，如果非透明或半透明，则会遮挡。 阅读全文

摘要： 有人工作，有人上学，大家千万不要错过这篇文章，能看到这篇文章也是一种幸运，真的受益匪浅，对我有很大启迪，这篇文章将会改变你我的一生，真的太好了，希望与有缘人分享，也希望对有缘人有所帮助！看完之后有种“相见恨晚”的感觉，特别激动，希望大家好好的珍藏这篇文章，相信多年以后，再来看这篇文章，一定有不同的感觉。 正如"打工皇帝"唐骏说："我觉得有两种人不要跟别人争利益和价值回报。第一种人就是刚刚进入企业的人，头5年千万不要说你能不能多给我一点儿工资，最重要的是能在企业里学到什么，对发展是不是有利……" 阅读全文

摘要： 周六参加web交流会www.w3ctech.com ，获益匪浅。开发中只是使用YSlow 的Grade评级进行web站点优化，却没有发现，其实YSlow的Tools也相当强大。 这里，我就现学现卖。讲讲使用YSlow的Smush.it 进行web图片的优化。 1. 首先，还是使用前端开发的不可缺少的利器--FireFox 浏览器。安装上YSlow--Add-ons 阅读全文

摘要： 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为 jquery对象（集合对象），不能直接调用dom定义的方法。 阅读全文

摘要： 本文提供即刻提升你的脚本性能的十个步骤。不用担心，这并不是什么高深的技巧。人人皆可运用！ 这些技巧包括： 1. 使用最新版本 2. 合并、最小化脚本 3. 用for替代each 4. 用ID替代class选择器 5. 给选择器指定前后文 6. 建立缓存 7. 避免DOM操作 8. 避免使用concat()，利用join()处理长字串 9. 返回false值 10. 利用小抄和参考文档 阅读全文

摘要： 通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得 CSS3属性(比如，transition、渐变、transform等)不是那么简单，其次我们不得不使用浏览器厂商指定扩展。 阅读全文

摘要： 原文：Efficiently Rendering CSS 我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢，浏览器渲染的速度又如何呢？ 这是应该是浏览器开发者应该关心的(页面加载更快，用户就会更愉快)。Mozilla有一篇文章： about best practices . Google 当然也很关心这个问题，他们也有这样一篇文章：Optimize browser rendering 。 让我们了解下他们主要倡导的东东，然后讨论他们的实用性。 阅读全文

摘要： javascript操作dom 建立 增加 删除 克隆 访问节点，不知道说法是不是这么样，没有系统的学javascript，只是用时才去网上了解一些资料，最近用到一个在某固定表格或div内增加删除 div的功能，于是就有了这篇“javascript操作dom 建立 增加 删除 克隆 访问节点” 阅读全文

摘要： 1.通配选择符 语法： * { sRules } 说明： 通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。 假如通配选择符不是单一选择符中的唯一组成，“*”可以省略。 示例： 阅读全文

摘要： 看到淘宝网页中这样写使用的是import,而很多网站都是使用link，当然还有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？css用import还是link好?从经典论坛和另外一个网站大概了解了一下 阅读全文