快速业务通道

WEBJX收集CSS格式化和造型网页高级教程

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-26

CSS text-shadow Fun: Realtime Lighting Demo
使用 CSS 的文字阴影属性结合 JavaScript 技术,来创建一个发光效果实例。

Rendering Quotes With CSS
一份关于在 CSS 中使用引号 (quotes) 标记的指南,包括如何创建适合不同语种的标准引号。

Six Ways to Style Blockquotes
使用 CSS 为 XHTML 中的 blockquote 标记定义样式的多种方法。

Make OL list start from number different than 1 using CSS
教你如何自定义有序列表起始数字的简明教程。

Use CSS to Override Default Text Selection Color
这篇文章介绍使用任何颜色为文字设置高亮颜色的方法。

CSS Drop Cap Effect
为文章内容设定首字下沉的 CSS 方法,尤其适用于杂志型或书籍型网站。

5. 图标,按钮和链接

图标,按钮和链接在许多网页上经常是被忽视的因素。但是实际上它们也会对整体设计产生巨大的影响。以下是一些使网页造型更佳的资源。

Add Progressive Icons to Your Site Using :after pseudo-element
此教程说明如何为链接添加图标描述,按照不同文件类型指定不同图标(如 PDF 或 ZIP 文档)。

Super Awesome Buttons with CSS3 and RGBA
关于使用 CSS3 和 alpha 混合技术创建按钮的教程。

Scalable CSS Buttons Using PNG and Background Colors
使用 PNG 图像创建横向或纵向的可伸缩菜单。该技术能实现优雅降级,即便使用 IE6 浏览器仍可看到按钮(只是没有了 PNG 图像)。

Add File Type Icons next to your links with CSS
为链接添加文件类型图标的教程。

22 CSS Button Styling Tutorials and Techniques
一份涉及 20 多个技术的全面资源清单。关于如何使用 CSS 创建不同形状,不同尺寸的图标。

CSS Tricks’ Link Nudge
创建当鼠标停留时的缩进菜单效果的教程。

Sanscons
一些可以使用 CSS 重设图标颜色的图标集。

英文原稿:Mastering CSS, Part 1: Styling Design Elements | Smashing Magazine
翻译整理:精通 CSS 造型设计元素 | 芒果

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号