11大CSS按钮教程
按钮是网站中非常重要的一部分, 它们常用于引发访客点击和产生互动。下面收集了11个CSS按钮教程，教你如何创建吸引访客目光的按钮。 我最想推荐的其实是第一个， Google custom buttons. 在Recreating the button这篇文章中，作者详细向我们介绍了google现在很多应用服务中（google reader, gmail等）。其中包括需要用到一张渐变背景图的3.0版本和完...
阅读更多60+CSS技巧教程资源大全
我总是对每一个想学CSS的朋友说: “学CSS真的很简单，一个星期就搞定。” 但真的这么简单吗？魔方也很简单，拿到手里就知道怎么玩了，但最高境界却不是几天或几个月就能修成的，甚至根本就不可能达到，永远需要提高，看似痛苦，同时也享受升华的乐趣，CSS也一样，痛并快乐指的就是这些东西吧。 本文里面收集一些有关CSS的技巧、教程、工具...
阅读更多8款在线CSS优化工具/组织和压缩CSS
CSS的优化通常包括两方面: 格式化CSS和精简CSS。 精简CSS的办法是把具有相同属性的元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。 格式化CSS一般就是多行模式或单行模式的选择，比如我个人就完全受不了多行模式 下面是一些在线的CSS优化工具，能让你方便的对CSS文件进行各种优化处理。 1. Online CSS Optimize...
阅读更多10个实用但IE不支持的CSS属性
对IE浏览器尤其是IE6的抱怨基本已进入麻痹状态，偶尔甚至产生非常消极的想法: 这个世界只有一个浏览器就好了，哪怕这唯一的浏览器就是IE6。当然，这样的想法是非常病态的，马上打消。本文里面，介绍了10个很实但IE却不支持的CSS属性，列出这些属性并不是为了数落IE(数落也没用), 而是你了解了哪些CSS属性是IE不支持的，就更有针对性的去编写CSS和Hack...
阅读更多解决<pre>标签里的文本换行(兼容IE, FF和Opera等)
我们都知道<pre> 标签可定义预格式化的文本，一个常见应用就是用来表示计算机的源代码。被包围在 pre 元素中的文本通常会保留空格和换行符，但不幸的是，当你在<pre>标签里面写代码的时候，如果你没有手动换行，它也会给你保留，而不会动换行。 这时候，你可以使用overflow:auto; (当代码超出容器边界的时候，显示滚动框)， 但这个方法也...
阅读更多25个高级CSS技巧教程
能用CSS实现的效果，就尽量不要使用JS。但如果使用CSS需要很繁琐的代码，那用CSS也不见得是好事儿。这里是25个高级CSS技巧，有助于你提高你的CSS水平，让你对CSS的掌握更上一个台阶。这些技巧并不一定每个都实用，但重要的是去学习了解到这个CSS方法。 1. CSS文字渐变和背景渐变 使用纯CSS实现的背景渐变 使用CSS和背景图片结合的C渐变 CSS渐变文本...
阅读更多CSS3.0相关资源和参考手册收集整理
虽然W3C的CSS3说明书还没有定稿，但一些比较前卫的Web浏览器(像Mozilla firefox, Opera和基于WebKit的浏览器)已经完全或者部份支持CSS3. 作为一个Web开发者，保持对未来Web标准的关注、学习和了解是很重要的。这里是一些CSS3相关的文章和资源，不管你是第一次准备去认识CSS3，还是已经略知皮毛，下面这些资源都将有助你更好的学习和理解CSS3。 英文C...
阅读更多优秀的CSS布局大全
这份列表收集一些比较优秀的CSS布局，这些布局都免费供个人和商业使用。当然，你使用之前还是得看版权说明，也许会发生许可协议变更。 Layout Gala- 这个网站收集了40多个专业的CSS布局，每个布局都通过了CSS和html验证，且不需要Hack，兼容各大主流浏览器。 CSS Layouts – 另一个专门收集CSS布局的网站。 Dynamic Drive CSS Layouts – Dynam...
阅读更多PXtoEM: 在线px转em值的工具
PXtoEM 是一个提供在线px转em值的工具。相关的我们之前介绍过一个adobe air应用程序 – Em based layouts。 它的默认body字体大小是16px, 你可以选择你想的默认body字体大小，然后转换为em值。也可以自定义输入指定的值进行转换运算。 然后，你可以获取CSS文件放到你的设计中。 为什么要把px转为em，之前在Em based layouts有提过。如果你英文...
阅读更多
