101个CSS技术高级应用教程(下)

原文: 101 CSS Techniques Of All Time- Part2
翻译: 帕兰

之前已经翻译了101个CSS技术高级应用教程(上),现在我们就将为你带来更多的CSS高级应用,让你在网页设计中,使用CSS的时候更加得心应手。

Block Hover Effect Links 链接悬浮特效

Style an A to Z Index 样式化一个A到Z的目录索引

Typography Techniques 字体排印技巧

  • CSS StyleFun- 如何使用CSS来实现各种效果,这算是一个CSS的补习,它包括各种教程,比如首字下沉、字符间距、样式化blockquotes、悬停特效等等。
  • CSS Fonts, CSS Typography- 这篇教程主要教你用CSS对字体大小的控制以及随着浏览的发展,使用哪种字体表达更加合适,是百分比?还是 em? px? pt? 从而达到优秀的字体排印效果。

    Typography

CSS Pagination - CSS分页导航

分页是一个机制,它为用户提供更多的选择,给单篇文章设置导航浏览,通常我们使用数字,暗示,箭头,以及”上一页”和”下一步”的按钮。

CSS Tabs -CSS选项卡设计

Tab选项卡同样是CSS界面设计中的一个设计基础。它允许多个内容显示在单一的窗口区域里面。然后可能通过Tab选项卡的切换进行浏览或是Ajax实时载入。下面是一些有趣的CSS选项卡设计。

  • Glowing Tabs Menu-一个简单的CSS Tab选项卡菜单。
  • DOMTab- 这是一个强大的JavaScript的CSS TAB导航菜单,可以将所列出的链接连接到内容章节成为一个选项卡界面。
  • Control.Tabs- Control.tabs重视创建一个标签式界面,从无序链接列表/锚链接到网页中的任何元素,而只需要给元素指定一个ID属性。
  • Tabifier- 自动创建一个HTML标签界面采用即插即用的JavaScript 。

    CSS Tabs

CSS Pullquotes -摘录设计

Pullquotes,摘录引用,如果你经常看报志或杂志,你会经常看到这些片段。

CSS Blockquote – CSS引用设计

Blockquote用来从另一个来源引用文本,通常是另一个博客或网站。 blockquotes是为了容纳大量的文本,所以作为通常情况下,当你引述一句以上的话时,使用blockquotes。

CSS Block Quotes

Star Rater Techniques - 星形评级设系统计技巧

CSS Image Pop-Up CSS图片弹出

CSS Sitemaps -CSS 网站地图 设计

Horizontal and Vertical Centering -CSS水平和垂直布局相关资源

来源于 101个CSS技术高级应用教程(下) | 帕兰映像

标签: , , , , , , ,