我们看到创新的方法，使设计者和开发者使用的CSS创新其不足之处。这里，您可以找到一些网站导航使用CSS的最佳方式。你会发现各种各样的技术，真正展示了能力的CSS 。 在这篇文章中，你会找到一个收集优秀的导航技术，使用的CSS为用户提供令人印象深刻的界面。 1. The Menu menu CSS教程 :30个特殊的CSS导航技术-网页教学网'

我们平时在日常网络生活当中， 上传 则是一个非常重要的功能。尤其是对于那么依靠网友分享的站点来说，上传是用户体验的重要的部分，分享是web2.0时代的主流特色，随之分享而来的上传，则是其中的关键一环。 先来说说以前的上传吧，真是令人苦恼。网络速度缓慢是最直接的原因，当然在 交互设计 上也存在着让人崩溃的地方，没

众所周知，减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites将多个图片整合到一个图片中，然后再用CSS来定位。 下面是一张样图： 本文的目的并不是讲CSS Sprite如何让一个网站更快，而是说一些使用CSS Sprite的时候的一些最佳实践。 不要等到你完成切片之后

CSS 盒模型 网页设计中的每个元素都是长方形的盒子。 盒子的尺寸是怎样精确计算的，请看下图： 如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 糖伴西红柿)，就会很熟悉下面的图表了。 这个图表很好地展示了作用于页面上任意盒子的数值。 注意以上两个例子中，margin 都是白色的。Margin 比较特别，它不会

找了国内30个比较著名的网站的注册表单做样本，对标签和输入区对齐方式做了统计，得到了一个结论： 标签水平右对齐更适合中文网站，或者说右对齐更适合中文的表现。 设计师们闲下来后最大的喜好莫过于看看国外网站的流行趋势，感叹一下这个精致，那个大气，然后就开始往自己的设计里融入新元素。 不过想必大家都遇到过同样的

在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。看下面的例子： HTML4STRICT代码： div style = width:200px;border:1px solid red; div style = float:left;width:80px;height:80px;

我们都知道 pre 标签 可定义预格式化的文本，一个常见应用就是用来表示计算机的源代码。被包围在 pre 元素中的文本通常会保留空格和换行符，但不幸的是，当你在pre标签里面写代码的时候，如果你没有手动换行，它也会给你保留，而不会自动换行。 这时候，你可以使用 overflow:auto; (当代码超出容器边界的时候，显示滚动框)，

Translate From：stevesouders 原文：高性能网站设计：不要使用@import 在高性能网站设计的第五章，我简要的提到@import 对于网站的性能有某些负面的影响，然后我在 Web 2.0 Expo 的演讲上深入探讨了这个问题，并创建了一些测试页面和HTTP瀑布状图表，这些在下面将会用到。对于这个问题的底线是：如果你想样式表并行载入，以