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 Sticky Footer: 完美的CSS绝对底部
CSS的简单在于它易学，CSS的困难在于寻找更好的解决方案。在CSS的世界里，似乎没有完美这种说法。所以，现在介绍的CSS绝对底部，只是目前个人见过的方案中比较完美的吧。 先说我们为什么会使用到这个CSS底部布局解决方案: 当做一个页面时，如果页面内容很少，不足于填充一屏的窗口区域，按普通的布局，就会出现下面图片中的样子(也就是底部内容并没有...
阅读更多15个CSS框架简介
对于小的Web开发项目来说，CSS 框架并不一定就适用，至少不见得能提高多少工作效率。但对于一个开发团队和规模比较大的项目来说，CSS 框架不仅能加快设计进程，更能解决网站改版中带来的诸多麻烦和问题。 对于CSS框架，本人也只是处于学习状态，唯一真正试用接触过的CSS框架，只有我之前的介绍的一个960网格系统。下面，收集整理一些CSS框架，孰优孰...
阅读更多没有div没有float没有clear没有hack的超强CSS布局
CSS + XHTML 有多伟大不必多说了。但这项看似简单的开发技术，有千种应用万般变化。学会CSS + XHTML 不难，如何最合适最精简的去应用才是最难的。我基本每隔一段时间会对帕兰映像修改一下，很多时候，外观没有任何改变。只是为了自己又用更简单的代码实现的某个小部分的修改而沾沾自喜。 我们说CSS + XHTML，但很多时候，我们理解为DIV + XHTML。在网...
阅读更多