语法：STYLE="filter:filtername(fparameter1, fparameter2...)" （Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数） script 语法：HTMLElement.filters.filterName.fParameter=value; 滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色透明 DropShadow：创建对象的固定影子 FlipH：创建水平镜像图片 FlipV：创建垂直镜像图片 glow：加光...
实现方法很简单，在CSS中添加以下代码: img { filter:expression( this.不能去掉 ? "" : ( (!this.complete) ? "" : this.runtimeStyle.filter = ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ")") + String(this.不能去掉 = true).substr(0, 0) + (this.src = "http://siyizhu.com/styles/nicky/images/clear.gif").substr(0, 0) ) );}
web标准推荐如下字体定义方法：body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }* 字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体，文档将被指定为Lucida Grande。没有的话，就被指定为Verdana字体，如果也没有Verdana，就指定为Lucida字体，依此类推。* Lucida Grande字体适合Mac OS X；* Verdana字体适合所有的Windows系统；* Lucida适合UNIX用户* "宋体"适合中...
在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的，而是漂亮的红色或其它颜色，其实这就是在网页代码之间加入代码来实现的，具体是哪些代码呢？ 网页滚动条代码及其解释如下：（复制时请将大写尖括号改为小写） 以下是引用片段：Body { scrollbar-face-color:#C0C0C0; （表面） scrollbar-highlight-color:#FFFFFF;（亮边） scrollbar-3dlight-color:#C0C0C0;（3D亮边） scrollbar-darkshadow-color...
最近发现越多越多的人使用DIV+CSS这个称为来代表XHTML。这从根本上就是不正确的！ 其一，CSS是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet），而DIV是HTML中的一个标签。DIV和TABLE是同级的，所以不应该把DIV和CSS连在一起来代表XHTML。 其二，DIV+CSS并不一定就符合标准，XHTML而也并不只是DIV+CSS。许多号称已经使用DIV+CSS进行重构的网站或论坛其实本身根本无法通过W3.ORG的校验。（譬...
iframe应用很普遍，通常的需求有两种： 1，获取iframe效果，就是带一个滚动条，可以省不少版面。 2，要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下解决方案： 第一种需求如果我们使用CSS布局来实现，即可以少一个页面，也可以提高效率。 第二种需求可以采用xmlhttp远程获取。A. 直接模拟iframe 用层做容器 代码如下:#content { overflow:auto; height:200px; width:600px; background:#f00;} 用CSS构建iframe效...
译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。 引用一段来自Dean Edwards的评价：I recommend that every CSS designer and DOM scripter read this. Unders...
body{margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; width: 10px; height: 10px; overflow: hidden; background: #F90;}.b, .d, .e{position: relative;}.cc, .dd, .ee{position: absolute;}A:均不设置postion，一般嵌套关系B:仅外div设置relative，一般嵌套关系C:仅内...
很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。 Absolute，CSS中的写法是：position:absolute; TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认...
作者：JunChen 2005-5-24 9:56:57原文：http://www.sovavsiti.cz/css/abbr.html 翻译：JunChen 版权:译者JunChen所有，转载请联系译者。 简介 是用来为web页面上的简称（译者注：这里把简称和缩写分开而论，简称范围比缩写大，取首字母的缩写用标签）添加适当标注的XHTML标签，Windows的IE浏览器暂不支持标签。 在IE里，你可以应用CSS给但是不能应用给标签，IE会为标签的title属性显示提示，但是会忽略标签。 这个IE的bug（或者特色...
1,盒解释器的不同解释. #box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}2,在ie中隐藏css,使用子选择器 html>body #box{ }3,只有ie识别 *html #box{ }4,在ie/win有效而ie/max隐藏,使用反斜杠 /* \ */#box{ }5,给ie单独定义样式 这里更加详细的...
作者：flyingbird 来自：蓝色理想 字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面的图示就会发现，英文字体里的那些变化在中文字体里都弱化了。作为中文的读者，习惯性的接受方块形状做为阅读的单元，...
首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复，每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。当然这看...
作者：阿宏 2005-5-28 16:05:36原文：http://usabletype.com/articles/2004/how-and-when-to-use-sifr/ 原作者：Andrew Hume 翻译：阿宏 在分析sIFR之前，先来快速的了解一下sIFR是什么，以及它是如何工作的。sIFR表示scalable Inman Flash Replacement，是一种在web上准确发布自定义排版的技术。这种技术的实现方法是，当页面下载时，在一个指定的元素中用Flash渲染的文字来代替一些文本。理解下面这点是很重要的，这个元素并不...
随着时间的积累这里的内容会有增加或者修改,希望下面的东西对后来的标准学习者会有些帮助,或者毫无用处.主要的内容是在IE和MOZILLA之间的差异和容易忽视的细节,一些经典应用的最佳实现方法,应该避免违犯的错误.由于是自己平时经验的积累,难免会出现一些错误的解释,如有幸被高人看到,请务必指出,先谢过了.ul 标签在Mozilla中默认是有padding值的,而在IE中只有margin有值.同一个的class选择符可以在一个文档中重复出现,而id选择符却只...