• 一个针对IE7的CSS Hack

    IE7 修复了很多 bug,也增加了对一些选择符的支持,所以现在诸如 *html {} 和 htmlbody {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用,条件注释才是万无一失的过滤器,但是条件注释只能出现在 HTML 中,CSS Hack 还是有用武之地的。 N...

    2008-02-23 08:33:44

  • 一个 utf-8 网页在 IE6下的BUG

    一个 utf-8 网页在 IE6 下的BUG 自己测试的,不一定100%准确,仅供参考。 触发条件: 1. title标签里的内容为中文其他双字节字符 2. 指定网页编码的 meta 信息在 title 标签的下方,即 title中文或其他双字节字符title/titlemeta http-equiv="Content-Type" content="t...

    2008-02-23 08:33:44

  • CSS规范 闭合浮动元素介绍

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

    2008-02-23 08:33:43

  • 最小高度100%页脚保持在底部的布局方法

    有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法,兼...

    2008-02-23 08:33:41

  • 用CSS风格的文本和图形构建网页实用按钮

    在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。 相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面建立和载...

    2008-02-23 08:33:43

  • 用CSS的float和clear创建三栏液态布局的方法

    三栏布局是目前最常见的网页布局,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏,三栏占据整个页面的宽度,最后在页的底端放置页脚,页脚也占据整个页面宽度。 绝大多数网页设计者都熟悉传统的网页设计技术,用这些技术...

    2008-02-23 08:33:39

  • 在用CSS创建类及id时应注意的一些规范化命名

    Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则仁者见仁,智者见智。然而随心...

    2008-02-23 08:33:42

  • 通过CSS类型的顺序改变网页超级连接翻滚效果

    你也许已经意识到,你可以通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效...

    2008-02-23 08:33:38

  • 使用CSS解决网页在IE和Nascape的显示差别

    Web建造者要对付的最棘手情况之一是:相同的CSS代码被不同的浏览器解释后会生成不同的效果。在以前,各种不同的浏览器生成极其不同的页面是随处可见的,而现在我们可以用所谓的符合标准的浏览器获得更好的效果。然而,显示效果的差别还是无法避免。 当前处于领导地位的...

    2008-02-23 08:33:36

  • 结构化的XHTML和CSS页面转换成为打印机页面

    在以前,为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果。现在,通过使用结构化的XHTML和CSS,你可以实现同样的效果而只用花费少得多的精力。 从屏幕显示到打印效果 大多数的Web页面都...

    2008-02-23 08:33:37

2