老甘的《 完全用CSS实现的中英文双语导航菜单 》一文中使用“position: absolute;left: -999em;”将其左缩进N远，并通过“visibility: hidden;”将其物理隐藏（实际是占位的），此时显示英文导航。当hover触发时，z-index定义在上，并将其绝对定位位置设置为左上，设置...

2008-02-23 08:37:31

关于CSS 用CSS缩写给你的网站加速 Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大?＞」苣阄薹?刂品?衿骱土?...

2008-02-23 08:37:30

:hover是我们在CSS设计中最常运用的伪类之一，许多绚丽效果的实现离不开伪类:hover，比如我们常见的纯CSS菜单、相册效果等等。 或许用了这么久的伪类:hover，还有部分朋友还不完全了解hover的规则： 引用: 在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对...

2008-02-23 08:37:30

学习标准的朋友，一般都会在学习的过程中接触到CSS滑动门技术，或许大家也都看过这篇文章《 CSS中的滑动门技术 》，如果你还没接触过或还没看过上文或有点忘记内容，也没关系，可以点击上面的文章链接，先了解或温习一遍。 在《 CSS中的滑动门技术 》一文中的滑动门例...

2008-02-23 08:37:27

很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又...

2008-02-23 08:37:25

form无论是在网站的制作中，还是在网站的重构中，我们都会频繁地“碰面”，当“碰面”的次数多了，反而觉得他更让人迷茫，有种熟悉的“陌生”，越来越把握不了他。 下面我们将带大家走进form的世界，一起来熟悉、探讨、掌握他的“脾性”。 对于简单form的设计图（如图...

2008-02-23 08:37:29

“输入框（ Input ）应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。”– 《HTML权威指南》 Web 应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签（label），操作方式，以及周围的视...

2008-02-23 08:37:20

前言 下文中的例子以豆瓣用户登录后的页面为基础，各人显示的内容可能有所差别； 这次并不强求像素级的一致，特别是行距、间距部分可能有细微出入； 理解本文需要你对 HTML 和 CSS 有所了解，最好能够手写 HTML 和 CSS 代码； 详细阅读本文可能会花上你 15 分钟以上时...

2008-02-23 08:37:19

如何避免表格因为图片尺寸或者过长的英文字符而变形撑开，在CSS加入以下代码就可以防止，同时英文单词也会按单词断行，不是按字母这个。我想说的是这个在CSS2.0是不支持的，但是能解决一些实际问题。页面设计不是为了标准检验而设计，还是以用户使用为主，在目前有些WE...

2008-02-23 08:37:19

1.解决背景不能延伸的问题 div id="content"div id="main" div id="maincol"/div div id="xcol"/div/divdiv id="subcol"/div/div style type="text/css" !-- #content{width:700px; background:url(img/bg.png)repeat-y;}#subcol {float:left; width:200px;}#main {wid...

2008-02-23 08:37:18