当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 收集国外网站的25个CSS高级教程

CSS样式表
CSS教程:dl dt dd模拟表格实例
网页制作实例:将PSD网站模板转换为XHTML+CSS网页
CSS布局实例代码:两列布局实例
border:none;与border:0;的区别
CSS浮动定位:引起文本重影的怪异问题
同一张PNG8图片为何部份图标在IE6中消失
IE6中背景属性加a与a:hover问题
网页制作教程:在IE7中的网页文本重影问题
推动浏览器更新的原因和方法
CSS实例教程:制作网页列表菜单
CSS实例教程:制作网站横向导航
CSS实例教程:制作网页2级导航
CSS研究教程:类名的长命名和短命名
CSS教程:彻底弄清楚CSS的行高属性
用CSS的float和clear属性进行三栏网页布局
没有JS只用CSS制作的网页下拉菜单
初学CSS的基础教程:在网页中使用CSS
网页制作教程:制作拖拽翻页
制作网页时编写CSS代码的25个小技巧
CSS3中很有用的特性:CSS阴影

CSS样式表 中的 收集国外网站的25个CSS高级教程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-27   浏览: 198 ::
收藏到网摘: n/a

如果你对 CSS 的掌握已经到了一定的贯通程度,那么你手中的 CSS 将会为你做很多高级的功能,甚至有时候 CSS 可以帮助解决之前靠 JS 才能解决的问题, 要知道,在 Web 开发过程中, 减少一段 JS 可是对 Web 的运行有足够大的减压作用的。25个 CSS 高级教程,让你更了解 CSS。

1. 纯 CSS 字体渐变和背景渐变

css_gradient

CSS Gradients using pure CSS

Background gradients and CSS

gradient_text

CSS Gradient Text Effect

Pure CSS Text Gradient

2. Z-Index 图像重叠

z-index

Understading Z-Index

CSS Z-index

3. CSS 边框创意

border

Create a Scalable Star using using CSS border

Border Slants

4. 超酷 CSS 效果 - 控制面板

osx

Dashboard

5. 纯 CSS 创建 2D/3D 按钮

css_button

3D Rollover Button using CSS

How to make sexy buttons with CSS

CSS rollover buttons

6. Text Embossing/Shadow Technique With CSS

CSS_emboss

view plaincopy to clipboardprint?

Text Embossing

CSS Text Drop Shadows

 1. text-shadow: 0px 1px 0px #e5e5ee;

7. Iconize Text links/Hyperlink with CSS

icon_text

Add icon to the hyperlink.

Iconize Textlinks with CSS

8. CSS Curly Quotes

qoutes

Curly Quotes with Pure CSS

Swooshy Curly Quotes Without Images

9. Using CSS Opacity for Various Cool Effects

css_opacity_menu

A CSS only fly-out menu with transparency

CSS Menu using CSS opacity property

Opacity Background Blending Effects

Transparency Menu Watermark on an image

10. Blurry Background Effect

blurry_bg

how to create a blurry background using CSS

11. CSS Parallax Effect

parallax

Examples of and How to Create the CSS Parallax Effect

A parallax illusion with CSS: The Horse in Motion

12.Create a Lightbox effect only with CSS

css_lightbox

technique

13.CSS-Only Accordion Effect

css_accordian

create Accordion using CSS

14. Add grunge Effect to Text Using Simple CSS

grunge1

tutorial

15.Create a Block Hover /Element Hover Effect

block_hover

Learn how to create a block hover effect for a list of links

CSS element hover effect.

16. Simple Dither Effect using CSS

dither

dither effect using

17. Create a liDock Menu

css_dock

Horizontal Menus That Grow on You

18. CSS Hover Swap Effect

hover_swap

CSS swap hover effect

19. Polaroid effect using CSS

polaroid-css