随笔分类 - Css
CSS3下的菜单效果
摘要:以往我们要实现菜单,都需要借助Javascript,今天我们用CSS 3与Html 来实现一个纯菜单,首先来看核心的HTML片断代码: <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Language</a> ...
阅读全文
用SquishIt最小化Css与Javascript文件
摘要:SquishIt 是一个轻易压缩与合并CSS与JavaScript文件的组件。同时它还使用dotless处理css. 它依赖组件是: Dependencies Id Version Range YUICompressor.NET (≥ 1.7.0.0) dotless (≥ 1.2.2.0) AjaxMin (≥ 4.46.4422.26284...
阅读全文
使用Jquery,CSS3实现像GooglePlus那样的圆圈效果
摘要:我们要实现像Google+ 那样圆圈效果, 不使用图片.这里只使用CSS3与JQuery, 先定义CSS: 1: <style type="text/css"> 2: div.circle { 3: margin: 100px auto; 4: width:200px; 5: height:200px; 6: } 7: div....
阅读全文
Asp.net使用HttpHandler优化Css样式文件
摘要:HttpHandler在Asp.net中核心对像之一,我们可以实现IHttpHandler接口来优化Css样式文件. 用一个我们自定义的HttpHandler映射.css的文件.首先我们最小化Css样式文件尺寸, 然后我们再处理后CSS文件做内存缓存. 缓存依赖物理文件,当文件被修改后,重新加载. 这里我们以Demo为目的,默认缓存时间2小时. 让我们先来看一下类图是这样的: 我们定义一个I...
阅读全文
Css实现的图片灰度
摘要:许久没写Post了。5月19-21日向四川汶川发生8级地震遇难同胞,哀悼三天。各大门户网站全换成灰色系了。 Code: 1 2 3 4 Darkness would teach me more appreciative sight! 5 10 11 12 To face the earthquake, Union is stren...
阅读全文