20个优秀网站助你征服CSS
2010-03-05 01:59
776 查看
CSS其实是很容易学的,我现在还在看CSS的书,可惜太懒了,看了一个暑假一半都没看完。我一直相信好的东西自然会有人欣赏,比如:16个优秀网站教你网站设计。今天,推荐的是20个优秀的CSS网站,很有用的。
原文出自Jacob Gube之手。
1. A List Apart CSS Topics
![](http://lh4.ggpht.com/Sonny.zhang87/SLozpzDGWNI/AAAAAAAABmo/fRLQoOs-ETI/s800/1.png)
A List Apart是一个CSS优秀文章的收集网站,从1999年开始收集文章,关注最佳网页设计。
2. CSS Help Pile
![](http://lh4.ggpht.com/Sonny.zhang87/SLozqNHRQ4I/AAAAAAAABmw/wWW9Tsf84tI/s800/2.png)
CSS Help Pile重点关于CSS资源,技巧与手法。该网站授予良好的网页组及优秀的资源,适用于各个水平的开发人员,分类包括:初学者,浏览器解析的错误,简评CSS的书籍。
3. CSS Basics
![](http://lh6.ggpht.com/Sonny.zhang87/SLozqEGvcNI/AAAAAAAABm4/OY3Cq33yjbU/s800/3.png)
CSS Basics可以当成一书来看,用了18个章节来传授基本的CSS概念,对初学者相当有帮助。还有就是所有18个章节,提供打印或PDF格式下载。
4. Holy CSS Zeldman!
![](http://lh3.ggpht.com/Sonny.zhang87/SLozqcIvv3I/AAAAAAAABnA/AJZKtpx_JZw/s800/4.jpg)
Holy CSS Zeldman是关于基于标准的CSS教程、工具、布局相关链接的收集。
5. Eric Meyer: CSS
![](http://lh4.ggpht.com/Sonny.zhang87/SLozqUOY8HI/AAAAAAAABnI/n8QGwbJ4Wd4/s800/5.jpg)
这里主要是收集Eric Meyer (著名的开发者)的作品,在css/edge和CSS reference等页面可以找到一些相关的资源。
6. 456 Berea Street – CSS category
![](http://lh4.ggpht.com/Sonny.zhang87/SLozxplvz0I/AAAAAAAABnQ/ajFZjIfUR1s/s800/6.jpg)
456 Berea Street下有一个CSS分类,里面有超过300篇文章,这些文章有教如果放置图片,有些是说CSS技巧。
7. /* Position Is Everything */
![](http://lh4.ggpht.com/Sonny.zhang87/SLozxpx3TtI/AAAAAAAABnY/rC6XuOn4j1Y/s800/7.jpg)
这里只要关注的是如何摆脱浏览器显示的错误。
8. HTML Dog CSS Tutorials
![](http://lh3.ggpht.com/Sonny.zhang87/SLozxuIKSeI/AAAAAAAABng/No28GkN9GK4/s800/8.png)
HTML Dog致力于教授最佳的XHTML与CSS布局,分为初级,中级,高级三个级别。
9. Learn CSS Positioning in Ten Steps
![](http://lh5.ggpht.com/Sonny.zhang87/SLozxoN8O4I/AAAAAAAABno/W6JnD1xtIU0/s800/9.png)
如果使用CSS定位是一个棘手的问题,这里有10步,看能不能帮你解决。
10. Andy Budd CSS/Web Standards Links
![](http://lh5.ggpht.com/Sonny.zhang87/SLozxrAY1nI/AAAAAAAABnw/ffJRIbnab3k/s800/10.jpg)
Andy Budd有着一系列CSS/web标准的有用链接,以帮助你找到有用的资料。
11. W3CSchools CSS Tutorial
![](http://lh4.ggpht.com/Sonny.zhang87/SLoz8Mk1BFI/AAAAAAAABn4/l5MT0U8_Fxs/s800/11.png)
W3CSchools有一个CSS部分,内容涵盖了初级到高级的CSS主题。
12. css Zen Garden
![](http://lh6.ggpht.com/Sonny.zhang87/SLoz8F_7GWI/AAAAAAAABoA/IBTMW8QCiGc/s800/12.jpg)
css Zen Garden给我们展示了CSS是怎样工作的,使用相同的HTML文件,设计师提交的外部样式来美化这个文件。用Web Developer Tool就可以检查CSS是如何进行布局工作的。这个网站在7个最好的网上CSS资源里也有介绍。
13. CSS at MaxDesign
![](http://lh4.ggpht.com/Sonny.zhang87/SLoz8ePUmwI/AAAAAAAABoI/fKJ9Cnia84A/s800/13.png)
MaxDesign拥有Russ Weakley的一套CSS精彩教程,在Listmatic里,教你使用CSS格式化列表,在Floatutorial里,介绍floating元素的知识。
14. CSSeasy.com
![](http://lh3.ggpht.com/Sonny.zhang87/SLoz8Ui3vxI/AAAAAAAABoQ/N29Rw-s7wyo/s800/14.png)
CSSEasy.com拥有丰富的经验及创意分享,让我们更好地了解CSS。
15. CSS-Discuss
![](http://lh4.ggpht.com/Sonny.zhang87/SLoz8sGvDiI/AAAAAAAABoY/sWrqpvmMNdE/s800/15.png)
CSS-Discuss是一个CSS爱好者社区,而 CSS-Discuss Wiki是关于CSS的应用收集。
16. Web Design from Scratch: CSS
![](http://lh6.ggpht.com/Sonny.zhang87/SLo0BytcFNI/AAAAAAAABog/Qis-pt1xfgg/s800/16.png)
Web Design from Scratch有一章节是关于CSS的,涵盖了CSS的基本概念。 其中的Introduction to CSS对初学者很有帮助。
17.CSS-Tricks
![](http://lh6.ggpht.com/Sonny.zhang87/SLo0B3vweTI/AAAAAAAABoo/KZwEeNIcdJA/s800/17.jpg)
CSS-Tricks是一个专注CSS的博客。
18.CSS on Delicious
![](http://lh5.ggpht.com/Sonny.zhang87/SLo0B43TYuI/AAAAAAAABow/_1F--V5CMSM/s800/18.png)
The CSS tag on Delicious是关于优秀CSS设计的链接收集,亮点就是让我们知道哪些好东西在被人看。
19. SitePoint CSS Reference
![](http://lh3.ggpht.com/Sonny.zhang87/SLo0CBQkx6I/AAAAAAAABo4/Gcglv3lxmYE/s800/19.png)
SitePoint有一个CSS部分,专门讨论入门水平的CSS主题。
20. CSSDog
![](http://lh3.ggpht.com/Sonny.zhang87/SLo0CP4IxKI/AAAAAAAABpA/h-iU3utt-LU/s800/20.png)
CSSDog有一部分为初学者与高级开发者设计的,其中的开发经验及参考,个人认为是最有价值的部分。
3
2
来自: 尖笔头的博客
LEEV 标签: IT,编程,CSS
相关文章推荐
- [转]20个优秀网站助你征服CSS
- 20个优秀网站助你征服CSS
- 20个优秀网站助你征服CSS
- 20个优秀CSS网站(3月精选)
- 20个优秀CSS网站(3月精选)
- 20个优秀的固定位置网站菜单设计案例
- 20个学习CSS的绝佳网站——让你从入门到精通
- 经典网页设计:20个优秀的电子商务网站设计案例
- 精选最新20个优秀源码下载网站排行
- 推荐20个让你学习并精通CSS的网站
- 来自汽车行业的20个优秀的汽车推广网站
- 20个学习CSS的绝佳网站——让你从入门
- 20个优秀的国外旅游观光网站设计作品欣赏
- 20个优秀的国外旅游观光网站设计作品欣赏
- 20个学习CSS的绝佳网站-让你从入门到精通
- 20个学习CSS的绝佳网站-让你从入门到精通
- 推荐20个优秀精美手机移动mobile网站案例
- 优秀案例:20个销售顶级名鞋的电子商务网站
- 20个优秀的移动(iPhone)网站设计案例
- 20个优秀的 CSS 网格系统(CSS Grid Systems)推荐