今天跟着资料做了一个示例,为什么我感觉自己做的没书上的好看呢?好吧,我承认自己对css样式只懂一点皮毛,我也不准备深度的去学习它,因为……公司有美工嘛!
这个小示例只是实现了元素的隐藏和显示、元素class属性的添加与移除,HTML代码如下: 佳能(30440...
分类:
Web程序 时间:
2014-06-09 21:48:36
阅读次数:
299
基于CSS3实现瀑布流,使用CSS3的CSS
多栏(Multi-column)。可以到github上下载源码 :
https://github.com/CraryPrimitiveMan/waterfall-css3
分类:
Web程序 时间:
2014-06-09 20:45:59
阅读次数:
294
网站页面前端优化对网站核心页面基于Wise
load的原则做定点性能优化,减少HTTP请求,减少DNS请求时间,减少页面DOM的数量,做一些图片、JS压缩等。减少HTTP请求方案:阿里开发了自动合并CSS和JS静态文件的框架,对于减少页面DNS数方面采用前端延迟加载框架,主要负责页面加载时只加载首屏...
分类:
其他好文 时间:
2014-06-09 20:31:50
阅读次数:
325
文件上传上传最近公司有一个项目,需要制作各种表单美化的效果,发现表单美化还真是不好玩,为什么不用原生的呢,原生的结构啊效率啊什么的都是杠杠的呀,不懂
分类:
Web程序 时间:
2014-06-09 19:45:02
阅读次数:
246
1、通过添加一无语义图片来解决图片垂直居中CSS,兼容各种IE6,IE7,火狐,谷歌等浏览器。
2、利用hack来使图片垂直居中
分类:
Web程序 时间:
2014-06-09 19:15:51
阅读次数:
214
.ub{ display: -webkit-box !important; display:
box !important; position:relative;}.ut-s{ text-overflow: ellipsis; overflow:
hidden; ...
分类:
Web程序 时间:
2014-06-09 19:08:36
阅读次数:
227
animation-timing-functionanimation-timing-function 规定动画的速度曲线。速度曲线定义动画从一套 CSS
样式变为另一套所用的时间。在平常的取值中,主要有以下几个:值描述linear动画从头到尾的速度是相同的。ease默认。动画以低速开始,然后加快,在...
分类:
Web程序 时间:
2014-06-09 17:28:48
阅读次数:
1146
这个结构我是根据一些前端技术整合到一起,方便我平时测试一些看到的前端技术,例如CSS、JS等,将理论上升到验证的阶段。requirejs+backbone+jquery+underscore+jasmine等技术整合集成现在JS脚本也讲究MVC结构,所以在闲暇的时候查阅了相关资料。使用backbon...
分类:
其他好文 时间:
2014-06-09 16:16:17
阅读次数:
346
css中用一张背景图做页面的技术有什么优势?简单介绍一下 CSS Sprites
的优点:当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。CSS Sprites
的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。实现方法:首先将小图片整合到一张大的...
分类:
Web程序 时间:
2014-06-09 16:07:17
阅读次数:
227
/9 : 所有的IE均可识别,FireFox不能* :IE6.0 IE7.0
可以识别,IE8、IE9、Firefox不能_ : IE6可以识别,IE7 IE8 IE9 Firefox不能*html :IE6可以识别,IE7 IE8
IE9 Firefox不能!important : IE6.0.....
分类:
Web程序 时间:
2014-06-09 14:18:01
阅读次数:
320