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';" >
三人行必有我师焉,那就从一些前辈那里学点东西吧,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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28