该博客主要介绍了CSS相关内容，包含众多CSS布局网站，如Layout Gala等；讲解了link和@important引入css区别、选择器权重等css知识；分享了图片替换文字、垂直居中等css技巧；还提及css3动画效果、相关资源及优质css网站。
转载自：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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
