用css使单行超出指定宽度的内容切去并在结尾出现省略号(IE FF) 为了更符合实际，我用一个div装起要调试的内容,并为这个div定义一个宽度。 例如： css: div{width:200px;} html: 这是我要测试的字符串内容,这是我要测试的字符串内容, 在IE中实现是非常简单的，CSS 如下： span{ width:200px; display: block; overflow: hidd

当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug 程序代码 !DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' '//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd' html xmlns='//www.w3.org/1999/xhtml' head meta http-equiv

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var

CSS优先级的读法： CSS优先级包含四个级别（文内选择符，ID选择符，Class选择符，元素选择符）以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。 最近看到篇对这个东西有比较好的解释的blog，因此转载了大部分的内容过来供本人学习，也供大家学习。 以下是引用：【转自GOVO’s Blog】 对优先级的读法，

最近在为自己做个新站，想到了些效果，实现时碰到了些小麻烦，比如这个 inline block。所幸大多数问题都解决了，所以写出来分享一下。 我们在制作网页时，有时会希望一个元素既能像 block 一样定义宽度和高度，又可以像普通的 inline 一样不断行。例如下面这张图片中红线标出的地方： 通常我们实现这样的效果会使用这样的代

压缩图片：img { max-width: 500px; width:expression(this.width 500 ? '500px' : this.width);} 用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象： 总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。 table{table-layout: fixed;} td(w

不知道从什么时候开始，在网络上到处可以看到div+css，到底什么是div+css呢？难道就是传说中的标准重构吗？标准从最简单的根源来说不是合理使用xhtml的标签吗？可为什么还是有这么多div+css呢？既然可以div+css，那为什么不可以叫span+css ul+css li+css等等呢？ 　　疑问，满脑子的疑问!为了这个疑问，我把自己脑子里的东西

图片的透明效果是网页中需要用到的一种特殊形式，虽然不是非常的常用，但是遇到这样的需求往往有点措手不及，在我们的文章中虽然有这方面的CSS实例，但还没有系统的介绍过CSS Alpha透明，我们今天共同学习一下相关的知识。 　　关于CSS Alpha透明的相关知识。先请看如下代码： filter:alpha(opacity=50); /* IE */ -moz-opa