CSS技巧收集——毛玻璃效果 原文地址 http://www.cnblogs.com/ghost-xyx/p/5677168.html 先上 demo 和 源码 其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。但是要做一个好的毛玻璃效果，需要注意很多 ...
分类：
Web程序 时间：
2017-07-13 20:30:37
阅读次数：
334
当下CSS3应用已经相当广泛，其中重要成员之一就是CSS3动画。并且，随着CSS动画的逐渐深入与普及，更复杂与细腻的动画场景也如雨后春笋般破土而出。例如上个月做的「企业QQ-新年祝福」活动： 感谢shirley帮忙录制上面的视频，虽然视频内容是手机上的显示效果，但是，这个“企业新年祝福活动”原本只针 ...
分类：
Web程序 时间：
2017-07-01 10:57:31
阅读次数：
271
一、font快捷键写法 body { font: font-style font-variant font-weight font-size line-height font-family; } 例：body { font: italic small-caps normal 13px/150% Ar ...
分类：
Web程序 时间：
2017-06-22 13:15:11
阅读次数：
211
如何清除图片下方出现几像素的空白间隙？ 如何让文本垂直对齐文本输入框？ 如何使文本溢出边界显示为省略号？ 如何容器透明，内容不透明？ 如何区别display:none与visibility:hidden？ 相同的是display:none与visibility:hidden都可以用来隐藏某个元素； ...
分类：
Web程序 时间：
2017-06-22 00:24:07
阅读次数：
167
1).使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读 2).明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例 ...
分类：
Web程序 时间：
2017-06-17 21:36:06
阅读次数：
178
1. 瀑布流布局 2. div 内上下居中 ...
分类：
Web程序 时间：
2017-06-01 19:31:41
阅读次数：
277
本书是一本注重实践的教程，作者为我们揭示了47个鲜为人知的CSS技巧，主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。本书将带领读者循序渐进地探寻更优雅的解决方案，攻克每天都会遇到的各种网页样式难题。 本书的读者对象为前端工程师、网页开发人员。作者简介 Lea ...
分类：
Web程序 时间：
2017-05-29 15:20:08
阅读次数：
195
针对 IE 的优化 有些时候，你需要对 IE 浏览器的 bug 定义一些特别的规则，这里有太多的 CSS 技巧(hacks)，我只使用其中的两种方法，不 管微软在即将发布的 IE7 beta 版里是否更好的支持 CSS，这两种方法都是最安全的。 · 1.注释的方法 o (a)在 IE 中隐藏一个 C ...
分类：
其他好文 时间：
2017-05-11 10:24:26
阅读次数：
151
在众成翻译上看到一篇不错的css文章，所以就给转过来。 在你开始阅读这篇文章之前，一定要做好心理准备。因为我写的 90％ 都是在发牢骚，只有最后大概 10% 介绍 CSS 技巧之最佳实践。提前给你们打好预防针啦。 前端工程师在职业发展中可能会遇到以下困境： 某个阶段，感觉(自己所做的)工作没有任何难 ...
分类：
Web程序 时间：
2017-05-06 13:20:40
阅读次数：
233
一.自由布局的相关技巧 1.尽量不用指定像素宽度(width:300px) 用百分比或者auto(width:90%或者width:auto) 2.相对大小字体 {font-size:0.875em} small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875) 默认是16px ...
分类：
Web程序 时间：
2017-04-06 18:51:26
阅读次数：
162
