+ -
当前位置:首页 → 问答吧 → 20个让您快速掌握CSS的网站

20个让您快速掌握CSS的网站

时间:2008-09-17

来源:互联网

相信不少人,哪怕是职业的网页设计师有的时候也不免会觉得CSS有那么点玄妙,有很多小trick并不是那么容易一下子掌握的。
三人行必有我师焉,那就从一些前辈那里学点东西吧,20个CSS和网页设计相关领域的站点,希望能给大家带来一些帮助。
1. A List Apart CSS Topics
老牌CSS站点,从1999年开始一直致力于整理收集面向标准网页开发的优秀文章。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104313jZZ.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
2. CSS Help Pile
收集整理了大量的CSS相关资源,而且归档非常清晰,查询非常方便。
=700) window.open('http://www.csser.name/attachments/2008/09/1_200809170810432LN8Q.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
3. CSS Basics
通过一系列教程讲述了CSS的基本概念和基本原理。非常不错的一篇入门教程,我当年也获益良多。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104331953.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
4. Holy CSS Zeldman!
CSS相关资源站点,不是《网站重构》的那个Zeldman,不要搞错咯。
=700) window.open('http://www.csser.name/attachments/2008/09/1_200809170810434uz0i.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
5. Eric Meyer: CSS
一位有名的CSS作者的blog,值得一看。
=700) window.open('http://www.csser.name/attachments/2008/09/1_200809170810435ZJGn.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
6. 456 Berea Street – CSS category
很流行的CSS站点展示,这类的网站有非常多,多看多收获。激发一下创作灵感。
=700) window.open('http://www.csser.name/attachments/2008/09/1_200809170810436oWi8.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
7. /* Position Is Everything */
网页很多时候困惑和苦恼都来自于Position问题,那让我们专门来看看这类问题吧。
=700) window.open('http://www.csser.name/attachments/2008/09/1_200809170810437fUxU.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
8. HTML Dog CSS Tutorials
是不是想起了上个世界有个老派的html编辑器,这里有着适应不同程度读者的教程。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104382lU9.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
9. Learn CSS Positioning in Ten Steps
继续深入学习Position,将学习进行到底。
=700) window.open('http://www.csser.name/attachments/2008/09/1_200809170810439P9uK.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
10. Andy Budd CSS/Web Standards Links
Andy大大的网站,如果不知道这位大大,可以看一下《CSS Mastery》这本书,相当不错的一本好书。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104310QxRR.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
11. W3CSchools CSS Tutorial
权威学校来了,科班教育。不过有点乏味,我是不怎么喜欢看。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104311fSod.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
12. css Zen Garden
我最爱的禅意花园来了,有非常多很梦幻的设计在这里。细细读一下吧,这本书国内去年也出了中文版了。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104312C5j8.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
13. CSS at MaxDesign
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104313i1kg.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
14. CSSeasy.com
提倡从经验中学习CSS,用更加现代的方式去学习理解CSS。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104314mMRX.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
15. CSS-Discuss
讨论社区,如果E文不错的话,可以去学习交流一番。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104315ZZ4M.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
16. Web Design from Scratch: CSS
作者的文章相当优秀,网站本身也做的超级酷。而且还有不少电子书可以下载,不过如果要打印就得付钱了咯。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104316WPrx.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
17.CSS-Tricks
订阅他的邮件吧,每天都有新收获,而且这个网站有很多podcast,如果你有兴趣看的话。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104317xNwV.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
18.CSS on Delicious
这个就不多说了。
=700) window.open('http://www.csser.name/attachments/2008/09/1_20080917081043189grx.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
19. SitePoint CSS Reference
这个网站的邮件也值得订阅。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104319gNtV.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >
20. CSSDog
有很多有用的教程,包括对于颜色的运用等。
=700) window.open('http://www.csser.name/attachments/2008/09/1_2008091708104320PJTv.jpg');" onload="if(this.offsetWidth>'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" >

作者: 飘云   发布时间: 2008-09-17

PHP是好东西,大家一起学习

作者: 伊泽浩   发布时间: 2008-09-17

我想知道,这个怎么做的,请大家帮忙

作者: skalptel   发布时间: 2008-09-17

看看·~~~~~我想学习。

作者: BlackSummer   发布时间: 2008-09-17