2008.12 15

15个帮你搞定CSS的资源

标签: ,
资源共享

继昨天介绍了为新手写的jQuery基础视频教程，今天来介绍另外一篇精品，10个帮你搞定CSS的资源，及之前写过的一些CSS技巧资源。像你知道的，在我们进行网页设计和调试过程中，有时我们会遇到某些问题需要有东西来让我们明白事情是怎么工作的。而互联网上有很多资源，这里，原作者帮我们挑出了10个当需要时，会对问题非常有帮助的资源。

1. Stack Overflow

stackoverflow.jpg

Stack Overflow 是一个有点社会性媒体和论坛风格的网站，关注编程和程序研究工作，CSS只是其他一个方面。 任何人都可以(你完全可以不注册账号)在上面提问或者回答问题，并且可以顶和埋这些回答，让有用的回答更容易被发现。

2. CSS-Discuss.org

css-cssdiscuss.jpg

CSS-Discuss 是一个庞大并且活跃的邮件列表，你可以通过参与邮件列表来回答和提问问题，也可以浏览它的归档查找某个问题，或浏览wiki并参与建构里面的内容。

3. CSS 帮助手册

css-cheatsheet.jpg

CSS 帮助手册 是一个单面的PDF文档，它包含了所有CSS选择器和值，当需要帮助是，这会是一个非常不错的参考物。

4. CSS 缩写手册

css-shorthand.jpg

如果你正在寻找某些可以优化你的CSS文件，以及缩小其体积的方法。CSS Shorthand Cheat Sheet将会是一个非常棒的参与资源。这个单面的文档，将可以帮你更效率也书写CSS代码，并缩小其体积。

5. Web Developer Add-On

css-webdev.jpg

Chris Pedrick的 Web Developer Firefox扩展提供了大量在一般网页开发工作中需要的功能。使用这个工具条，你将可以识别影响某个元素的所有样式、查CSS源、查块状元素的尺寸，以及在禁用CSS时网页的等级结构，等等。

6. Firebug

css-firebug.jpg

Firebug 是另一个让你对网页CSS了如指掌的firefox扩展。通过firebug你可以编辑、调试、管理CSS，另外，还可以查看网页的HTML和JS。对于任何正在进行CSS工作的人，Firebug将是一个可以快速编辑和测试的工具，特别是当你需要知道做某些改变会对网站有何影响时，你会需要他的。

7. CSS-Tricks

css-csstricks.jpg

CSS-Tricks 是一个比较有名的关注CSS的博客。作者提供了大量让你可以学习到更多CSS技巧的文章。虽然sofish不是很经常看，不过，在遇到问题，又找不到的时候，自己都会选择去搜索一下。这会是一个不错的资源，另外，它还有一个活跃的论坛，让你可以得到更多的帮助。

8. 使用CSS做任何事: 50+ 创意实例和教程

css-noupe.jpg

Noupe在年初写的50个你可以通过CSS实现的实例，会是你寻找某些灵感和特殊问题时非常不错的资源。这篇文章包含了个性化列表、处理表单、页脚、图片技术。文本和链接效果、首字下沉、圆角等问题。

9. CSS 布局: 40+ 教程、提示、预览和范例

css-noupelayouts.jpg

这是另一篇来自Noupe的文章，如果你正在寻找某些实现你想要效果时所出现问题的解决方法，这篇文章或许会有你正在找的东西。

10. 为什么说你的CSS分栏乱七八糟地

css-warspire.jpg

Warspire为我们提供了在CSS分栏和布局时常见问题的解决方法。如果有某些问题你仍然觉得很诡异，不知道如何解决，在这里搜索一下吧，或许就正好有方法解决你的问题。你知道的，IE6总是很神奇，有时候我们需要别人帮助。

11. 其他CSS学习资源

  1. 10款浏览器CSS Reset的方法
  2. CSS技巧: display:table;的应用
  3. 5+有用的CSS技巧
  4. 搞定IE的最重要CSS技巧
  5. 最常用的CSS技巧

友情提示: 以后写文章记得经常保存，别像我在介绍这篇文章之前，花了两个钟的努力，全没了。

收藏+分享: Del.icio.us / 百度搜藏 / QQ书签 / Google书签 / 更多 »
首页 » 资源共享 »

27

  1. 2008.12.15 3:29 pm
    抽筋儿(visit): [回复]

    沙发？

  2. 2008.12.15 3:31 pm
    zeaz(visit): [回复]

    希望是沙发！hoho
    跟着你学css好长时间了

  3. 2008.12.15 3:33 pm
    zeaz(visit): [回复]

    2秒钟 ？！！ 错失沙发！！ 天呐！

  4. 2008.12.15 3:35 pm
    小墨(visit): [回复]

    这都啥呀~速度这么块

  5. 2008.12.15 3:37 pm
    herb不是(visit): [回复]

    辛苦了

  6. 2008.12.15 3:38 pm
    火星人(visit): [回复]

    哇，好多，收藏了。

  7. 2008.12.15 4:16 pm
    David Lau(visit): [回复]

    这个可以看看了，谢谢！
    PS，我的主题已经修改好了，呵呵～

  8. 2008.12.15 4:19 pm
    David Lau(visit): [回复]

    3和4不错，收下了，6正在用！

  9. 2008.12.15 4:30 pm
    sofish(visit): [回复]

    @抽筋儿: 恭喜，沙发是你的。

    @zeaz: 哈哈，CSS很好玩，是吧，可以一起学…

    @小墨: 大家给面嘛。

    @herb不是: 多谢herb小朋友（herb是小朋友）的支持。

    @火星人: 好吧，哈哈。

    @David Lau: 恭喜，这是好事。

  10. 2008.12.15 4:40 pm
    抽筋儿(visit): [回复]

    @zeaz:呃，好不容易来抢次沙发，让让我哈。

  11. 2008.12.15 5:23 pm
    leehow(visit): [回复]

    我已经准备学习了…你也随大流下雪啦…

  12. 2008.12.15 7:05 pm
    tunpishuang(visit): [回复]

    @leehow:let it snow 开始火起来了。。娃哈哈

  13. 2008.12.15 7:42 pm
    花果山寨(visit): [回复]

    看着就头痛，现在无法静下心来学这个！

  14. 2008.12.15 8:17 pm
    醉倚西风(visit): [回复]

    就用了firebug
    还没有用其他的

  15. 2008.12.15 9:23 pm
    平湖(visit): [回复]

    发现看css好像就要看html，要郁闷死了
    老大我现在使用你的anjing主题
    不过那个主题不能在首页文章标题那里显示标签
    还有你那个在左边用图片来表达的发布日期

    在我学会css前能给我指点下我该怎么做么。。。呵呵
    顺便申请个友情链接可以么我的小博地址是www.10yue30.cn 已经做好了您的链接

  16. 2008.12.15 10:27 pm
    sofish(visit): [回复]

    @leehow: 你也学习这个? er……. 学习下雪好了，很容易。哈哈…

    @tunpishuang: hoho…广东不下雪，我要自己制造嘛。

    @花果山寨: 慢慢来，慢慢来。

    @醉倚西风: 还有web developer toolbal…来吧，去下载吧，哈哈。

    @平湖: CSS需要html，囧，当然。另外，那些问题你慢慢来，会学会的。

    这里没有友情链接，不好意思。请撤下。

  17. 2008.12.15 10:51 pm
    Shawn不是(visit): [回复]

    你知道吗，下雪的网页开久了会非常卡。你可以对比一下下雪和不下雪时浏览器的 cpu 占用。

  18. 2008.12.15 10:58 pm
    sofish(visit): [回复]

    @Shawn不是: 真的哦，哈哈，我一直不知道是什么问题呢，现在，删掉下雪效果了。有空再做个圣诞帽好了。

    嘿嘿，thanks…囧，最近没办法在GT打扰你，忙啊。然后，准备翻译翻译，-_-!! 这篇文章本来是翻译的，而且很认真，后来，被我不小心弄掉了，考虑时间，只能译介了。

    然后，英语，学习英语。哈哈哈…

  19. 2008.12.15 11:01 pm
    Shawn不是(visit): [回复]

    @sofish: 下雪用了很多 math() 算啊算啊，所以久了就耗费内存了，如果雪下得大得话更恐怖。我昨天给 leehow 下猫爪，1分钟就假死了。
    你忙嘛，学习奋斗时间到了！

  20. 2008.12.15 11:37 pm
    xiaorsz(visit): [回复]

    英语，学习英语！！
    英语是个好东西啊！！

  21. 2008.12.16 8:57 am
    leehow(visit): [回复]

    不突兀，不随大流，平常心态。

  22. 2008.12.16 10:43 am
    kopykawai(visit): [回复]

    有中文的相关内容吗…想学习一下…

  23. 2008.12.16 11:54 am
    醉倚西风(visit): [回复]

    @sofish 这个主题的英文字体是什么

  24. 2008.12.16 11:55 am
    醉倚西风是男人，不是(visit): [回复]

    我不是小朋友

  25. 2008.12.16 6:36 pm
    二手科学家(visit): [回复]

    很好很详细，收藏了

  26. 2008.12.16 10:42 pm
    sofish(visit): [回复]

    @醉倚西风: 大部分用comic MS, 还有Georgia, arial…

  27. 2008.12.27 5:45 pm
    林网博客(visit): [回复]

    CSS,不太懂啦，深入学习中

Additional comments powered by BackType