精通 CSS 滤镜（一）

CSS（Cascading Style Sheets) 中文翻译为层叠样式表单，简称样式单。它是近几年才发展起来的新技术，1998年5月12日，Cascading Style Sheets,level 2 成为了W3C 的新标准。同时,”W3C CoreStyles "和CSS2 Validation Service" 以及“CSS Test Suite" 宣布成立。它是一组样式，样式中的属性在HTML元素中依次出现，并显示在浏览器中。样式可以定义在HTML文档的标志（TAG）里，也可以在外部附加文档作为外加文档。此时，一个样式表单可以作用于多个页面---甚至整个站点，因此具有更好的易用性和扩展性。我个人认为CSS好比是HTML语言的PLUSIN（插件），插件的功能大家应该知道，就是壮大原有的功能。你可以精确的控制主页里的每一个元素，比如一个字，用CSS你可以给它控制它的前景色、背景色、背景图片、在页面的精确位置，四周加入边框等。可以说CSS的功能是无比的强大。W3C 也极力向世界推广这一先进技术。 如下列：前景色为兰色，背景色为银色。 前景色为兰色，背景色为银色 如果你使用frontpage 98 的话，过程很简单，具体如下： 1、先选择要控制的文字，被选择了的文字以反白显示，如下： <img alt="1.gif (549 字节)" height="39" onclick="javascript:window.open(this.src);" onload="return imgzoom(this,600);" src="/up_pic/201211/2007212215637167.gif" width="249" /> 然后在其上击鼠标右键，单击“字体属性”后弹出如下图： <img alt="2.gif (7123 字节)" height="334" onclick="javascript:window.open(this.src);" onload="return imgzoom(this,600);" src="/up_pic/201211/2007212215638622.gif" width="392" /> 单击左下脚”样式(S)……“后出现如下图： <img alt="3.gif (3243 字节)" height="284" onclick="javascript:window.open(this.src);" onload="return imgzoom(this,600);" src="/up_pic/201211/2007212215638421.gif" width="437" /> 单击”颜色“，选择前景色和背景色； <img alt="4.gif (4458 字节)" height="283" onclick="javascript:window.open(this.src);" onload="return imgzoom(this,600);" src="/up_pic/201211/2007212215639951.gif" width="434" /> 单击”字体“选择主字体和大小 <img alt="5.gif (4660 字节)" height="276" onclick="javascript:window.open(this.src);" onload="return imgzoom(this,600);" src="/up_pic/201211/2007212215640918.gif" width="435" /> 然后按”确定“就搞定了。 也许很多人对CSS的一般用途熟悉，但是可能只有少数人知道CSS里面竟然还有象PHOTOSHOP里一样的滤镜。是不是有点惊讶。^_^ 不要着急，请跟着我去揭开其中的奥秘！