转载自：http://www.w3cplus.com/solution/waterdrop/waterdrop.html

CSS布局大全

• Layout Gala- 这个网站收集了40多个专业的CSS布局，每个布局都通过了CSS和html验证，且不需要Hack，兼容各大主流浏览器。
• CSS Layouts – 另一个专门收集CSS布局的网站。
• Dynamic Drive CSS Layouts – Dynamic Drive对于喜欢设计的人来说是比较熟悉的网站了，它们同样提供有很多CSS布局，两栏，三栏，自适应宽度，固定宽度都有。---I like
• Nice and Free CSS Layouts – 12 个免费的CSS布局。
• Strictly CSS – 10个CSS布局。
• Maxdesign – 多种CSS布局，且含有详细的说明教程。
• CSSplay
• ThreeColumnLayouts, by CSS Discuss
• CSS Intensivstation
• Code-Sucks -
• CSS Tinderbox
• Jimmy Lin – 8 个简单的 CSS/XHTML 模板
• Little Boxes – 16 个CSS布局
• Ruthsarian – 免费的CSS layouts ，还有CSS下拉菜单
• Mitchbryson
• TJK Design
• Bluerobot
• csscreator – CSS 布局生成器.

css知识

• link和@important引入css的区别一
  link和@important引入css的区别二
• css选择器权重(中文版)
  css选择器权重(英文版)
• css counters（英文版）
  CSS content, counter-increment 和 counter-reset详解（中文版）

css技巧

• 九种图片替换文字方法详细介绍（中文版）
  十种图片替换文本CSS方法（英文版）
• Sitemap Celebration
• CSS目录菜单设计
• 用CSS Sprites技术实现日期显示
• 五种方法让CSS实现垂直居中
• 使用CSS实现文本渐变效果
• 解决中文版Chrome下不能显示小于12px的字体
• Blurry Background Effect
• Iconize Textlinks with CSS
• Swooshy Curly Quotes Without Images
• CSS Decorative Gallery
• 为你的有序列表添加个性样式
• css滑动门讲解
• CSS Image Maps: A Beginner’s Guide
• A Stationary Logo That Changes on Page Scroll with CSS
• Centered Heading Overlaying a Horizontal Line with CSS
• Pure CSS Scrollable Table with Fixed Header
• 8 different ways to beautifully style your lists
• 5 Uniquely Coded Web Form Styles
• Top 10 CSS Table Designs
• 6 Blockquote Examples
• 12 CSS-only Menus
• 3 CSS Image Maps Variants

css3

• 极致鼠标悬停动画效果
• animation菜单效果
• ie9 对css3的支持
• 子元素选择器:nth-child(n)的取值
• Fullscreen Background Image Slideshow with CSS3
• Original Hover Effects with CSS3
• Animated Buttons with CSS3
• Splash and Coming Soon Page Effects with CSS3
• Experiments with background-clip: text
• Experimental CSS3 Animations for Image Transitions
• Slopy Elements with CSS3
• CSS3 Lightbox
• Creative CSS3 Animation Menus
• CSS3: The Multi Column Layout and How it Will Change Web Design
• Text Rotation with CSS
• Pure CSS speech bubbles
• Text Rotation with CSS
• Snazzy Hover Effects Using CSS
• Pure CSS GUI icons
• Awesome: 10 CSS3 box shadow experiments
• box-shadow's unnoticed spread
• 30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials
• CSS image replacement with pseudo-elements (NIR)
• Faking ‘float: center’ with Pseudo Elements
• Pimp Your Tables with CSS3
• CSS Notification Boxes

css资源

• 300+Jquery, CSS, MooTools 和 JS的导航菜单资源
• 30个基于CSS的导航和按钮优秀设计教程
• 推荐20个让你学习并精通CSS的网站
• 70+漂亮且极具亲和力的导航菜单设计推荐
• CSS Sprites(CSS图像拼合技术)教程、工具集合
• 12种Javascript解决常见浏览器兼容问题的方法
• 75 (Really) Useful JavaScript Techniques
• 65 Excellent jQuery Resources (tutorials,cheat sheets,ebooks,demos,plugins…)
• 155 WordPress Resources, Tutorials, Plugins, Themes, AJAX, Podcasting…WP Monster List

css网站

• CSS Nature
• Design Snack
• CSS Dance
• CSS Heaven
• Best of the Web Gallery
• CSS Design Yorkshire
• Best Web Gallery
• CSS Gallery
• CSS Remix
• CSS Moon
• CSS elite
• Oriental Gallery
• The FWA
• CoolHomepages
• CSS Blaze
• UniqueCSS.com
• dezinspiration
• CSS Snap
• StyleCrunch
• CSS Creme
• CSS Fights
• Unmatched Style
• CSS Imagine
• Designers love nature
• Host Pattern
• One Page Love
• Coolwebsites