CSS(Cascading Style Sheets,层叠样式表)是现代的网页设计中不可或缺的元素,缺了它的话大多网站就会变得和十年前的网页一样丑陋。随着时间的推移,越来越多高质量的CSS教程在网页上出现。GM基地这里有21个很赞的技术/效果,而你可能从未想到有些是用CSS来实现的。 1.跨浏览器的CSS幻灯片展示 只使用CSS制作出跨浏览器图像画廊的示例。 2.基于CSS的图片地图 这个教程展示了 http://www.ie173.com 一个仅依靠CSS方法来建立图片地图的疯狂的方法。 3.使用CSS而无JavaScript的LightBox 建立一个lightbox只需要CSS,JavaScript不是必需的。 4.图像更替按钮 用CSS把提交按钮替换成图片形式,如果禁用CSS他又会退回到提交按钮的样子。 5.CSS制作的动态导航菜单 教你如何只使用CSS建立一个动态导航菜单。 6.CSS制作树形导航菜单 从链接的嵌入列表上建立一个树形的导航菜单,对创建Sitemaps非常有用。 7.CSS渐变文字效果 只用CSS就能实现渐变效果的耀眼标题。 8.CSS菜单列表的设计 很容易理解的教你如何用 CSS 的 border-style 或 background-image 属性来创建一个菜单列表的指导教程。 9.用负边距建立一个 liquid layout(可以理解为自适应的布局) 10.用CSS让你的页脚留在原地不动 当某个内容页没有足够的内容来填满这个页面的时候,你可能会想如何让页脚也同样随之上升。 这个教程告诉你如何处理这种情况,并让一个页脚在当内容不足以显示整个页面时停留在(可见处的)底部。 11.简单、可扩展的基于CSS的“面包屑(BreadCrumbs)”导航 建立一个漂亮的可扩展的“面包屑(BreadCrumbs)”导航。 12.为你 Blog 添加时髦的引述 在你的内容或者博客稿中凸现出一个引述内容,这对于在有着一长串内容的页面中突出要点非常有用。 13.CSS层叠柱状图表 在你的网页上展示纯CSS的图表或其他重量级的插件。