任培成的收藏夹

从豆瓣网站设计谈网站重构 douban.com非常精巧的应用了div+css，并且通过色系的运用，最大限度减少图片等等方式既使得网站页面清新可人，而且可以最大限度的压缩了网页的大小，从而使得访问的效率得到了最大化。 第一次看douban.com，有一种拿着“读书”杂志在手上阅读...

对display:inline;与float:left;的认识 这样的题目显得有点可笑，但是鉴于很多网友在标准学习的过程中常被这样的问题所困扰( 例一 、 例二 )，所以特此专文澄清两者之间的区别与特性。 首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《...

最小高度100%页脚保持在底部的布局方法 有时候，我们用CSS创建一个高度自适应布局，如何保证页脚（footer）在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结出一个利用负...

CSS规范 闭合浮动元素介绍 按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处...

作者： Builder.com Tuesday, April 6 2004 11:50 AM 在一个具有图形背景的按钮中添加CSS风格的文本，这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率，从而有效地提高按钮外表图像的三维效果。 相比于常规的图形按钮，这些图形/CSS混合按钮可...

相册的自动播放效果SlideShow 写了个SlideShow的原型,利用image的complete,判断图片是否调用完全，调用完全以后才显示，否则是LOADING的图片，还考虑的是 1.每调用一张图片之前先出现loading的过程, 2.调用图片中不会因为网速和图片过大而未显示全,直接跳到下一张,要按...

左中右3栏布局中最先显示中栏内容的方法 今天KESO说，对于一个左中右3栏布局的页面，比如home.donews.com，用户最想看到的是中栏的信息，左右2栏其实网站的相关信息的导航入口，所以中栏信息是最重要的，应该在页面显示顺序上优先于左右2栏。或者也可以这么说就是要将...

谈谈xhtml的结构标签 xhtml的结构标签 原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。 来列一个完整xhtml的结构标签： 结构 body, head, html, title 文本 abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h...

用UL实现非Table四行三列布局 先看看效果： 下面是源代码： html head titletest/title style type="text/css" ul{ margin:0px; padding:0px; width:200px; } ul li{ float:left; list-style-type:none; border-top:#000 solid 1px; border-left:#000 solid 1px; width...

使用Web标准建站第1天:选择什么样的 大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧 第一天...